← All 93 demos

Custom Toolbar

Choose which buttons appear and how they are grouped.

This example shows how to define a custom toolbar preset.

Example code

<div id="div_editor1">
    <p>This example shows how to define a custom toolbar preset.</p>
</div>

<script>
    var editor1cfg = {}
    editor1cfg.toolbar = "mytoolbar";
    editor1cfg.toolbarMobile = "mytoolbar";
    editor1cfg.toolbar_mytoolbar = "{bold,italic}|{fontname,fontsize}|{forecolor,backcolor}|removeformat"
        + "#{undo,redo,fullscreenenter,fullscreenexit,togglemore}";
    var editor1 = new RichTextEditor("#div_editor1", editor1cfg);
</script>