Nautical Poseidon Mythology
    Wondering what’s next for npm?Check out our public roadmap! »

    @editorjs/table

    1.3.0 • Public • Published

    Table tool

    Table Block for the Editor.js.

    Installation

    Install via NPM or Yarn

    Get the package

    npm i --save-dev @editorjs/table

    or

    yarn add @editorjs/table --dev

    Include module in your application

    const Table = require('@editorjs/table');

    Upload to your project's source dir

    1. Download folder dist from repository
    2. Add dist/bundle.js file to your page.

    Usage

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

    var editor = EditorJS({
      ...
      
      tools: {
        ...
        table: {
          class: Table,
        }
      }
      
      ...
    });

    Or init 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. by default 2
    cols number initial number of columns. by default 2

    Output data

    This Tool returns data with following format

    Field Type Description
    content string[][] two-dimensional array with table contents
    {
        "type" : "table",
        "data" : {
            "content" : [ ["Kine", "1 pcs", "100$"], ["Pigs", "3 pcs", "200$"], ["Chickens", "12 pcs", "150$"] ]
        }
    }

    Install

    npm i @editorjs/table

    DownloadsWeekly Downloads

    5,857

    Version

    1.3.0

    License

    MIT

    Unpacked Size

    23.6 kB

    Total Files

    8

    Last publish

    Collaborators

    • avatar