8000 GitHub - bfrow-tech/table: Table constructor for Editor.js 👻
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

bfrow-tech/table

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

75 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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$"] ]
    }
}

About

Table constructor for Editor.js 👻

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages

  • JavaScript 91.4%
  • CSS 6.3% 2BA4
  • HTML 2.3%
0