https://github.com/sureshHARDIYA/flipboxplus

https://github.com/sureshHARDIYA/flipboxplus

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/sureshHARDIYA/flipboxplus
• Owner: sureshHARDIYA
• Created: 2024-03-19T12:50:30.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-06-29T09:44:46.000Z (4 months ago)
• Last Synced: 2024-07-26T15:42:26.738Z (3 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

![Demo](demo.gif)