Accordion

Adds toolbar and addbar buttons for accordion blocks with expandable items. Inserts an accordion with one open item; additional items can be added from the accordion block controls.

Click Accordion in the toolbar or addbar to insert a new accordion. Use block controls on accordion items to add items or toggle visibility.

Load the bundle

<script src="/assets/redactor/redactor.js"></script>
<script src="/assets/redactor/plugins/accordion/accordion.js"></script>

Initialization

const app = Redactor('#entry', {
    plugins: ['accordion']
});

Options

  • icon (string)
    • SVG icon HTML for the toolbar and addbar buttons.
Redactor('#entry', {
    plugins: ['accordion']
});

Language strings

en: {
    accordion: {
        accordion: 'Accordion',
        'select-accordion': 'Select accordion',
        'add-accordion-item': 'Add accordion item',
        item: 'Item',
        'toggle-visibility': 'Toggle visibility'
    }
}

Events

This plugin does not emit events.

API

insert

Inserts a new accordion block with one open item.

app.accordion.insert();

addItem

Adds a new accordion item after the current item or at the end of the selected accordion.

app.accordion.addItem();

toggleVisibility

Toggles open/closed state of the current accordion item.

app.accordion.toggleVisibility();