Responsive Toolbar

By default, the Rich Text Editor toolbar is responsive. On desktop, the editor uses the config.toolbar configuration. On mobile, it uses the config.toolbarMobile configuration.

Hello world!

RichTextEditor screenshot

Example code

<link rel="stylesheet" href="/richtexteditor/rte_theme_default.css" />
<link rel="stylesheet" href="/richtexteditor/rte_mobile.css" />
<script type="text/javascript" src="/richtexteditor/rte.js"></script>
<script type="text/javascript" src='/richtexteditor/plugins/all_plugins.js'></script>

<div id="div_editor1" style="width: 100%">
    <p>Hello world!</p>
    <p><img src='/images/editor-image.png' alt='RichTextEditor screenshot' /></p>
</div>

<script>
    var editor1 = new RichTextEditor("#div_editor1");
    //editor1.setHTMLCode("Use inline HTML or setHTMLCode to init the default content.");
</script>

The editor chooses a toolbar based on the available space. When the browser window is narrower than 768px, it uses the mobile toolbar.

Related links