Flipbox with Carousel plugin for EditorJS

Flipbox with Carousel plugin for EditorJS

Tags
React.js
Software Development
Published
Author
notion image
 
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:
  1. Install EditorJS if you haven't already:
    1. npm i skm-flipbox
  1. Add it to your èditorjs` configuration.
    1. 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!