编程语言
首页 > 编程语言> > 在 WangEditor 中怎么设置 HTML 内容?

在 WangEditor 中怎么设置 HTML 内容?

作者:互联网

以下示例代码介绍如何将 HTML 内容设置为 WangEditor 的内容:

// 获取 WangEditor 实例
const editor = new wangEditor('#editor')

// 设置 HTML 内容
editor.txt.html('<p>这是一段 <strong>HTML</strong> 内容。</p>')

// 监听内容改变事件并获取 HTML 内容
editor.config.onchange = function (html) {
  console.log(html)
}

// 渲染编辑器
editor.create()

JavaScript

在这个示例中,我们首先创建了一个 WangEditor 实例并将其指定为 #editor 元素。接着,我们使用 editor.txt.html() 方法将指定的 HTML 设置为编辑器的内容,并且在 config.onchange 回调中打印出了编辑器的 HTML 内容。

标签:
来源: