editor.getHTMLCode()
以 HTML 字符串的形式返回编辑器的内容——即您保存到数据库或发送给 API 的整洁标记。它与 setHTMLCode() 相对应,还有一个别名 editor.getHTML()。
语法
editor.getHTMLCode()
参数
无。
返回值
以 HTML 字符串表示的内容。
行为说明
- 末尾的空块会被去除。光标在文档末尾留下的多余空段落不会包含在内,因此保存的内容不会累积零散的空白块。
- 它会考虑代码视图。当编辑器正在显示 HTML 源代码时,
getHTMLCode()返回的正是代码视图中的内容,因此您读取到的始终是用户当前看到的内容。 - 文本和注释都会保留。元素标记、HTML 注释和经过编码的文本节点都会包含在内——结果是忠实于原内容、可直接发布的 HTML。
用法示例
在提交时保存内容:
var editor1 = new RichTextEditor("#div_editor1");
document.getElementById("btn_save").onclick = function () {
var html = editor1.getHTMLCode();
fetch("/api/save", { method: "POST", body: html });
};内容的写入与读回:
editor1.setHTMLCode("<p>Hello <b>world</b></p>");
var html = editor1.getHTMLCode(); // "<p>Hello <b>world</b></p>"相关内容
- editor.setHTMLCode(html)——把 HTML 加载到编辑器中。
- editor.getPlainText()——以纯文本形式获取内容。
- 获取 HTML 内容——更完整的讲解。
- 保存与加载演示——保存 HTML 并读回,附有先净化再保存的服务器端示例。
- 表单中的编辑器——把 HTML 与表单的其余部分一起提交。