mindsoft-custom-ckeditor5

CKEditor 5 Custom Build (Classic Build with almost all buttons)

This build allows you to toggle toolbar(hide/unhide) from React with states

Quick start

1. Working specially for React (Simply install it with npm)

2. Import it as any other Node Module

3. You need to configure the custom build as required. Ex:.

config={{
              toolbar: [
                "heading",
                "|",
                "bold",
                "italic",
                "link",
                "bulletedList",
                "numberedList",
                "blockQuote",
              ],
              heading: {
                options: [
                  {
                    model: "paragraph",
                    title: "Paragraph",
                    class: "ck-heading_paragraph",
                  },
                  {
                    model: "heading1",
                    view: "h1",
                    title: "Heading 1",
                    class: "ck-heading_heading1",
                  },
                  {
                    model: "heading2",
                    view: "h2",
                    title: "Heading 2",
                    class: "ck-heading_heading2",
                  },
                ],
              },
            }}

Thanks and Credits to CKEditor for making custom builds possible.