@slate-editor/grid-plugin
Advanced tools
SlateJS grid plugin.
The @slate-editor/grid-plugin is available as an npm package.
yarn add @slate-editor/grid-plugin
Here is a quick example to get you started:
import React from 'react'
import { SlateEditor, SlateToolbar, SlateContent } from 'slate-editor'
import { GridPlugin, GridButtonBar } from '@slate-editor/grid-plugin'
const plugins = [
GridPlugin()
]
const SlateRichTextEditor = () => (
<SlateEditor plugins={plugins}>
<SlateToolbar>
<GridButtonBar />
</SlateToolbar>
<SlateContent />
</SlateEditor>
)
export default SlateRichTextEditor
| OS | Action | Shortcut |
|---|---|---|
 | Add Grid | ⌘ + ^ + g |
| Split Row | ⌘ + ^ + r |
 | Add Grid | ^ + alt + g |
| Split Row | ^ + alt + r |
| Name | Description |
|---|---|
| GridNode | Component that holds the html that will render the content with grid style. |
| GridRowNode | Component that holds the html that will render the grid row. |
| GridCellNode | Component that holds the html that will render the grid cell. |
| GridKeyboardShortcut | Keyboard shortcut file that manipulates onKeyDown event inside SlateJS. |
| GridUtils | Generic file that holds the util common functions. |
| GridButtonBar | Component that holds all action buttons to handle the grid behaviour. |
| GridButton | Component that handle behaviour to wrap content with grid style. |
| GridSplitRowButton | Component that handle behaviour to split rows into the grid. |
5.1.0 (2018-10-25)
<a name="5.0.0"></a>
FAQs
SlateJS grid block node plugin.
The npm package @slate-editor/grid-plugin receives a total of 0 weekly downloads. As such, @slate-editor/grid-plugin popularity was classified as not popular.
We found that @slate-editor/grid-plugin demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Following last week’s supply chain attack, Nx published findings on the GitHub Actions exploit and moved npm publishing to Trusted Publishers.
Security News
AGENTS.md is a fast-growing open format giving AI coding agents a shared, predictable way to understand project setup, style, and workflows.
Security News
/Research
Malicious npm package impersonates Nodemailer and drains wallets by hijacking crypto transactions across multiple blockchains.