Examples

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:

<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>