Flipbox with Carousel plugin for EditorJS

Flipbox with Carousel plugin for EditorJS

Tags
React.js
Software Development
Published
AI summary
A plugin for EditorJS allows users to add, edit, and delete text carousels with formatting options via an inline toolbar. Installation requires adding the plugin to the EditorJS configuration and using the provided npm command. The project is open-sourced for public use.
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!