RichTextEditor Demo
Home Pricing

## Responsive Toolbar

By default, the toolbar of Rich Text Editor is responsive. On desktop Editor will use config.toolbar confirguration. On mobile Editor will use config.toolbarMobile confirguration.

Hello world!

### Demo Code:

    import { createRichTextEditor } from "ts-rich-text-editor";

    const editor = await createRichTextEditor("#div_editor1", {}, {
      basePath: "/richtexteditor",
    });

    // The editor toolbar is responsive by default.
    // Resize the browser window to see the toolbar adapt.

    <link rel="stylesheet" href="/richtexteditor/rte_theme_default.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' /></p>
    </div>

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

Editor uses different toolbar based on the space available. When the screen (browser window) gets smaller than 768px, editor should have mobile toolbar.

### Relative Links

- Toolbar
- toolbarMobile
- maxWidthForMobile