RichTextEditor Demo
Home Pricing

## Editor Size

You can use width, height, min-height, max-height css properties to set the size of rich text editor.

## The height of rich text editor is set to 300px.

| Rich Text Editor is the industry-leading online html editor. It enables content contributors easily create and publish HTML anywhere: on the desktop and on mobile.
| Rich Text Editor toolbar is completely configurable and it is also effortless to implement. You just need a couple lines of code to add this editor to web applications.

### Demo Code:

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

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

    <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_editor2" style="height: 300px">
    	<h2>The height of rich text editor is set to 300px. </h2>
    	<table>
    		<tr>
    			<td>
    				<p>
    					<img src="/uploads/j0262681.jpg" alt="" /></p>
    			</td>
    			<td>
    				<p>Rich Text Editor is the industry-leading online html editor. It enables content contributors easily create and publish HTML anywhere: on the desktop and on mobile.</p>
    			</td>
    		</tr>
    		<tr>
    			<td>
    				<p>
    					<img src="/uploads/PH02366J.jpg" alt="" /></p>
    			</td>
    			<td>
    				<p>Rich Text Editor toolbar is completely configurable and it is also effortless to implement. You just need a couple lines of code to add this editor to web applications.</p>
    			</td>
    		</tr>
    	</table>
    </div>

    <script>
    	var editor1 = new RichTextEditor("#div_editor2", { editorResizeMode: "none" });
    </script>