This example shows how to use editor.InsertHTML(html) method to insert the specified HTML into editor. If anything is selected, the selection is replaced with the new HTML and text.
<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>Hello World</p>");
function btnInsertHTMLCode_1() {
editor1.insertHTML("Time is" + new Date().toLocaleTimeString())
editor1.collapse(false);
editor1.focus();
}
function btnInsertHTMLCode_2() {
editor1.selectDoc(false);//collapse to document end
editor1.insertHTML("<p>Insert a new paragraph " + new Date().toLocaleTimeString() + "</p>")
editor1.collapse(false);
editor1.focus();
}
</script>
<div class="mt-4">
<button class="btn btn-sm btn-outline-primary btn-pill transition-3d-hover px-5" onclick="btnInsertHTMLCode_1();return false;">insertHTML at a specified position</button>
<button class="btn btn-sm btn-primary btn-pill transition-3d-hover px-5" onclick="btnInsertHTMLCode_2();return false;">insertHTML at the end of this document</button>
</div>