is an Editor.js plugin for creating 2–4 column layouts with resizable ratios and nested editors in each column. It supports edit and read-only mode and dynamic column control.
npm install @aaaalrashd/editorjs-columnsis an Editor.js plugin for creating 2–4 column layouts with resizable ratios and nested editors in each column. It supports edit and read-only mode and dynamic column control.
Features:
- Support for 2, 3, and 4 column layouts
- Customizable column ratios
- Nested content editing
- Responsive design
1. Intstall the package
``bash`
npm i @aaaalrashd/editorjs-columns
2. Import the package
`bash`
import Columns from "@aaaalrashd/editorjs-columns"
3. Add this bolck on your EDITOR_TOOLS
`bash``
columns: {
class: Columns,
config: {
maxColumns: 4,
tools: {
header: Header,
simpleImage: SimpleImage,
// paragraph: Paragraph,
// table: Table,
// etc
list: List,
},
},
},