Add to extrabar and remove from toolbar

This example shows how to hide the button on the toolbar and show it in extrabar. We connected in the Emoji plugin which adds a button to the toolbar, but using settings we changed this so that it is visible in extrabar.

Code

<!-- element -->
<textarea id="entry">...</textarea>

<!-- call -->
<script>
let app = Redactor('#entry', {
    plugins: ['emoji'],
    toolbar: {
        hide: ['emoji']
    },
    extrabar: {
        add: {
            emoji: {
                position: { before: 'hotkeys' }
            }
        }

        // or use true if you do not need to specify the button position
        // add: {
        //    emoji: true
        // }
    }
});
</script>