Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sureshHARDIYA/flipboxplus
https://github.com/sureshHARDIYA/flipboxplus
Last synced: 26 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/sureshHARDIYA/flipboxplus
- Owner: sureshHARDIYA
- Created: 2024-03-19T12:50:30.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-06-29T09:44:46.000Z (6 months ago)
- Last Synced: 2024-08-03T17:08:46.572Z (4 months ago)
- Language: JavaScript
- Size: 17.4 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-editorjs - sureshHARDIYA/flipboxplus - Configurable carousel that allows to add, edit, delete slides. Slides are configured to display as flipbox. (Tools / Block Tools)
README
# EditorJS Carousel Plugin
**EditorJS Carousel Plugin** is a custom tool for the [EditorJS](https://editorjs.io/) 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:
```bash
npm i skm-flipbox
```
2. 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...
},
});
```
### Demo
