0.2.0-alpha.1 • Published 3 years ago
@cihad/slate-table v0.2.0-alpha.1
@cihad/slate-table
Table Plugin for Slate (based on @udecode/slate-plugins) Inspired by the Atlassian editor's table plugin.
To install:
yarn add @cihad/slate-table
The usage:
import {
createTablePlugin,
ELEMENT_TABLE,
ELEMENT_TD,
} from "@udecode/slate-plugins"
import { TableElement, TdElement } from "@cihad/slate-table"
let components = createSlatePluginsComponents({
[ELEMENT_TABLE]: TableElement,
[TD_ELEMENT]: TdElement,
})
const initialValue = [
{
type: ELEMENT_TABLE,
children: [
{
type: ELEMENT_TR,
children: [
{ type: ELEMENT_TD, children: [{ text: "1" }] },
{ type: ELEMENT_TD, children: [{ text: "2" }] },
{ type: ELEMENT_TD, children: [{ text: "3" }] },
],
},
{
type: ELEMENT_TR,
children: [
{ type: ELEMENT_TD, children: [{ text: "4" }] },
{ type: ELEMENT_TD, children: [{ text: "5" }] },
{ type: ELEMENT_TD, children: [{ text: "6" }] },
],
},
],
},
]
const plugins = [
createReactPlugin(),
createHistoryPlugin(),
createTablePlugin(),
...createBasicElementPlugins(),
...createBasicMarkPlugins(),
]
const Editor = () => {
return (
<SlatePlugins
id={id}
plugins={plugins}
components={components}
options={options}
editableProps={editableProps}
initialValue={initialValue}
/>
)
}
You can try using by example sandbox
0.2.0-alpha.1
3 years ago
0.2.0-alpha.0
3 years ago