RichTextEditor Demo
Home Pricing

### Get and Set HTML of RichTextEditor

- To retrieve the editor HTML, call the `editor.getHTMLCode` method of the editor instance.
- The `editor.setHTMLCode` method can be used to set the Html when the editor is first displayed.
- The `editor.getText` method can be used to retrieve the string contents of the editor.

### Demo Code:

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

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

    // Get and set HTML
    const html: string = editor.html;
    editor.html = "<p>New content</p>";

    // Get plain text
    const text: string = editor.instance.getPlainText();

    <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"></div>

    <script>
    	var editor1 = new RichTextEditor("#div_editor1");

    	editor1.setHTMLCode("<p><b>Hello</b> World</p><p>Click the button below to show this HTML code</p>");

    	function btngetHTMLCode() {
    		alert(editor1.getHTMLCode())
    	}

    	function btnsetHTMLCode() {
    		editor1.setHTMLCode("<h1>editor1.setHTMLCode() sample</h1><p>You clicked the setHTMLCode button at " + new Date() + "</p>")
    	}
    	function btngetPlainText() {
    		alert(editor1.getPlainText())
    	}

    </script>
    <div class="mt-4">
    	<button class="btn btn-sm btn-outline-primary btn-pill transition-3d-hover px-5" onclick="btngetHTMLCode();return false;">Get Html Code</button>
    	<button class="btn btn-sm btn-primary btn-pill transition-3d-hover px-5" onclick="btnsetHTMLCode();return false;">Set Html Code</button>
    	<button class="btn btn-sm btn-outline-info btn-pill transition-3d-hover px-5" onclick="btngetPlainText();return false;">Get Plain Text</button>
    </div>