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.
<!-- 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>