![notion image](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252Ffd187ed4-78d6-4e06-b216-19b630fc9482%252F428f1541-63b6-41c2-b217-3735bf886b82%252FUntitled.png%3Ftable%3Dblock%26id%3D0cc08c87-16c3-4c92-a525-2633a616345a%26cache%3Dv2&w=3840&q=75)
Codebase:
EditorJS Carousel Plugin is a custom tool for the EditorJS framework that enables users to add, edit, and delete text carousels within the editor. This plugin provides a seamless way for users to incorporate carousel components into their EditorJS content, complete with formatting options available through the inline toolbar.
Features
- Add new carousels to your EditorJS content.
- Edit and delete existing carousels.
- Format text within carousels using the available inline toolbar options.
Installation
To install the EditorJS Carousel Plugin, follow these steps:
- Install EditorJS if you haven't already:
npm i skm-flipbox
- Add it to your èditorjs` configuration.
import EditorJS from '@editorjs/editorjs'; import SKMFlipBox from 'skm-flipbox'; const editor = new EditorJS({ // Your EditorJS configuration tools: { carousel: { class: SKMFlipBox, inlineToolbar: true, }, // Other tools... }, });
The application has been open sourced. I hope this application is useful for someone.
Happy Coding!