diff --git a/.babelrc b/.babelrc new file mode 100644 index 0000000..afe2b32 --- /dev/null +++ b/.babelrc @@ -0,0 +1,14 @@ +{ + "presets": [ + ["@babel/preset-env", { + "useBuiltIns": "usage", + "corejs": "3", + "targets": { + "browsers": [ + "last 5 versions", + "ie >= 8" + ] + } + }] + ] +} \ No newline at end of file diff --git a/.eslintrc b/.eslintrc deleted file mode 100644 index 0e282e0..0000000 --- a/.eslintrc +++ /dev/null @@ -1,8 +0,0 @@ -{ - "extends": [ - "codex" - ], - "rules": { - "jsdoc/no-undefined-types": "off" - } -} diff --git a/README.md b/README.md index aa94d5c..45e55c0 100644 --- a/README.md +++ b/README.md @@ -1,20 +1,22 @@ # Table tool -The Table Block for the [Editor.js](https://editorjs.io). Finally improved. +The A Modified Table Block for [Editor.js](https://editorjs.io). Finally improved. ![](https://capella.pics/41294cec-a2b3-4157-8399-ffefed3d8ffd.jpg) +![](https://i.postimg.cc/wMgY2jVY/Screenshot-2022-01-07-at-4-46-13-PM.png) +![](https://i.postimg.cc/V6jcXCXF/Screenshot-2022-01-07-at-4-46-23-PM.png) ## Installation Get the package ```shell -npm i --save @editorjs/table +npm i chalkboard-table ``` or ```shell -yarn add @editorjs/table +yarn add chalkboard-table ``` ## Usage @@ -63,13 +65,65 @@ This Tool returns `data` in the following format | -------------- | ------------ | ----------------------------------------- | | `withHeadings` | `boolean` | Uses the first line as headings | | `content` | `string[][]` | two-dimensional array with table contents | +| `tableProperties` | `object` | object with table style properties | +| `cellProperties` | `array` | two-dimensional array with table style properties corresponding to the `content` data structure | +| `textAlignment` | `string` | Alignnment of all text in table | ```json { "type" : "table", "data" : { "withHeadings": true, - "content" : [ [ "Kine", "Pigs", "Chicken" ], [ "1 pcs", "3 pcs", "12 pcs" ], [ "100$", "200$", "150$" ] ] + "content" : [ [ "Kine", "Pigs", "Chicken" ], [ "1 pcs", "3 pcs", "12 pcs" ], [ "100$", "200$", "150$" ] ], + "tableProperties": { + "borderColor": "#fffff", + "backgroundColor": "#fffff", + "borderWidth": "1px" + }, + "cellProperties": [[{ + "borderColor": "#fffff", + "backgroundColor": "#fffff", + "borderWidth": "1px" + }, + { + "borderColor": "#fffff", + "backgroundColor": "#fffff", + "borderWidth": "1px" + }, + { + "borderColor": "#fffff", + "backgroundColor": "#fffff", + "borderWidth": "1px" + }],[{ + "borderColor": "#fffff", + "backgroundColor": "#fffff", + "borderWidth": "1px" + }, + { + "borderColor": "#fffff", + "backgroundColor": "#fffff", + "borderWidth": "1px" + }, + { + "borderColor": "#fffff", + "backgroundColor": "#fffff", + "borderWidth": "1px" + }],[{ + "borderColor": "#fffff", + "backgroundColor": "#fffff", + "borderWidth": "1px" + }, + { + "borderColor": "#fffff", + "backgroundColor": "#fffff", + "borderWidth": "1px" + }, + { + "borderColor": "#fffff", + "backgroundColor": "#fffff", + "borderWidth": "1px" + }]], + "textAlignment": "center" } } ``` @@ -82,10 +136,31 @@ If you're using this tool and editor.js in your business, please consider suppor # About CodeX - +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](https://codex.so/join) for young people who want to constantly improve their skills and grow professionally with experiments in leading technologies. | 🌐 | Join 👋 | Twitter | Instagram | | -- | -- | -- | -- | | [codex.so](https://codex.so) | [codex.so/join](https://codex.so/join) |[@codex_team](http://twitter.com/codex_team) | [@codex_team](http://instagram.com/codex_team) | + +# Version Log +2.0.1 - Initial Version with table properties + +2.0.2 - Added support for rendering saved properties + +2.0.3 - Adding support for aligning table text + +2.0.4 - Fixed bug preventing alignment showing in saved data + +2.0.5 - Alignment bug + +2.0.6 - Don't ask + +2.0.7 - Trying something + +2.0.8 - Cleaning + +2.0.9 - Still here + +2.1.0 - Completed adding cell properties \ No newline at end of file diff --git a/example.html b/example.html index 361673f..53ee27e 100644 --- a/example.html +++ b/example.html @@ -44,6 +44,114 @@