2.0.1 • Published 3 years ago

editorjs-table-border-togglle v2.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
3 years ago

Table tool

The Table Block for the Editor.js. Finally improved.

npm.io

Installation

Get the package

npm i --save editorjs-table-border-toggle

or

yarn add editorjs-table-border-toggle

Usage

Add a new Tool to the tools property of the Editor.js initial config.

import Table from 'editorjs-table-border-toggle';

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

FieldTypeDescription
rowsnumberinitial number of rows. 2 by default
colsnumberinitial number of columns. 2 by default

Output data

This Tool returns data in the following format

FieldTypeDescription
withHeadingsbooleanUses the first line as headings
withBordersbooleanToggles between table border
contentstring[][]two-dimensional array with table contents
{
  "type" : "table",
  "data" : {
    "withHeadings": true,
    "content" : [ [ "Kine", "Pigs", "Chicken" ], [ "1 pcs", "3 pcs", "12 pcs" ], [ "100$", "200$", "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 👋TwitterInstagram
codex.socodex.so/join@codex_team@codex_team