1.0.1 • Published 11 months ago

@coolbytes/editorjs-table v1.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
11 months ago

Table block tool for Editor.js

This is a clone of this Editor.js block tool. It fixes the default withHeadings issue.

Preview

table

Installation

Using npm

npm install @coolbytes/editorjs-table

Using yarn

yarn add @coolbytes/editorjs-table

Usage

Include it in the tools property of Editor.js config:

const editor = new EditorJS({
  tools: {
    table: Table
  }
});

Or init the Table tool with additional settings

const editor = new EditorJS({
  tools: {
    table: {
      class: Table,
      inlineToolbar: true,
      config: {
        rows: 2,
        cols: 3,
      },
    },
  },
});

Config Params

FieldTypeDescription
rowsnumberinitial number of rows. 2 by default
colsnumberinitial number of columns. 2 by default
withHeadingsbooleantoggle table headings. false by default

Output data

This Tool returns data in the following format

FieldTypeDescription
withHeadingsbooleanUses the first line as headings
contentstring[][]two-dimensional array with table contents

 

Example:

{
  "time": 1721500689337,
  "blocks": [
    {
      "id": "XXVTfnMlcE",
      "type": "table",
      "data": {
        "withHeadings": true,
        "content": [
          [ "Kine", "Pigs", "Chicken" ],
          [ "1 pcs", "3 pcs", "12 pcs" ],
          [ "100$", "200$", "150$" ]
        ]
      }
    }
  ],
  "version": "2.30.2"
}
1.0.1

11 months ago

1.0.0

11 months ago