editorjs-table-json
v1.0.1
Published
Table for Editor.js. Fork of @editorjs/table with object output instead of multidimensional array.
Downloads
8
Maintainers
Readme
NOTE
This is a Fork of the original @editorjs/table with slight changes to the output. I needed to store the output data in Firestore. However, Firestore does not support multidimensional data. This solves the problem by providing output as an Object. So, if you have no problem with the nature of the output, multidimensional array, I would strongly recommend that you stick with original package.
Table tool
The Table Block for the Editor.js. Finally improved.
Installation
Get the package
npm i --save @editorjs/table
or
yarn add @editorjs/table
Usage
Add a new Tool to the tools
property of the Editor.js initial config.
import Table from "@editorjs/table";
var editor = EditorJS({
tools: {
table: Table,
},
});
Or init the Table tool with additional settings
var editor = EditorJS({
tools: {
table: {
class: Table,
inlineToolbar: true,
config: {
rows: 2,
cols: 3,
},
},
},
});
Config Params
| Field | Type | Description |
| ------ | -------- | ----------------------------------------- |
| rows
| number
| initial number of rows. 2
by default |
| cols
| number
| initial number of columns. 2
by default |
Output data
This Tool returns data
in the following format
| Field | Type | Description |
| -------------- | ------------ | ------------------------------- |
| withHeadings
| boolean
| Uses the first line as headings |
| content
| object{}{}
| object with table contents |
{
"type" : "table",
"data" : {
"withHeadings": true,
"content" : { "0": { "0": "Kine", "1": "Pigs", "2": "Chicken" }, "1": { "0": "1 pcs", "1": "3 pcs", "2": "12 pcs" }, "2": { "0": "100$","1" "200$", "2": "150$" } }
}
}
Support maintenance 🎖
If you're using this tool and editor.js in your business, please consider supporting their maintenance and evolution.
http://opencollective.com/editorjs
About CodeX
CodeX is a team of digital specialists around the world interested in building high-quality open source products on a global market. We are open for young people who want to constantly improve their skills and grow professionally with experiments in leading technologies.
| 🌐 | Join 👋 | Twitter | Instagram | | ---------------------------- | -------------------------------------- | -------------------------------------------- | ---------------------------------------------- | | codex.so | codex.so/join | @codex_team | @codex_team |