@aaaalrashd/editorjs-columns

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.

Features

Features:

• Support for 2, 3, and 4 column layouts
• Customizable column ratios
• Nested content editing
• Responsive design

How to use

1. Intstall the package

  npm i @aaaalrashd/editorjs-columns

2. Import the package

import Columns from "@aaaalrashd/editorjs-columns"

3. Add this bolck on your EDITOR_TOOLS

    columns: {
        class: Columns,
        config: {
          maxColumns: 4,
          tools: {
            header: Header,
            simpleImage: SimpleImage,
            // paragraph: Paragraph,
            // table: Table,
            // etc
            list: List,
          },
        },
      },

🚀 Live Demo

🚀 (Live Demo)