add #

name String
button Object

Adds a button to the topbar. The topbar appears to the right of the toolbar.

RedactorX.add('plugin', 'myplugin', {
    start: function() {'mybutton', {
            title: 'My Button',
            icon: '<i class="far fa-file-alt"></i>',
            command: 'myplugin.toggle'
    toggle: function(params, button) {
        // do something

In this example, Font Awesome is used for the button icon. You can add your own HTML and SVG icon.

Now call the editor with the plugin created:

RedactorX('#entry', {
    plugins: ['myplugin']

The button should appear in the topbar. The button click will call the plugin's toggle method.

See more about the parameters of the buttons.