Examples

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:

<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