wangeditor回显 html
时间: 2024-04-18 08:21:38 浏览: 18
WangEditor是一款基于JavaScript的富文本编辑器,它可以用于在网页中编辑和展示HTML内容。当你使用WangEditor编辑器输入或者粘贴HTML代码后,可以通过以下方式来回显HTML内容:
1. 使用innerHTML属性:可以将HTML代码直接赋值给一个元素的innerHTML属性,从而在网页中显示HTML内容。例如,假设你有一个div元素的id为"editor",你可以通过以下代码来回显HTML内容:
```javascript
var htmlCode = "<p>这是一段HTML代码</p>";
document.getElementById("editor").innerHTML = htmlCode;
```
2. 使用innerText或textContent属性:如果你只想显示HTML代码的纯文本内容,可以使用innerText或textContent属性。这两个属性会将HTML代码中的标签转换为纯文本显示。例如:
```javascript
var htmlCode = "<p>这是一段HTML代码</p>";
document.getElementById("editor").innerText = htmlCode;
// 或者
document.getElementById("editor").textContent = htmlCode;
```
3. 使用createTextNode方法:你还可以使用createTextNode方法创建一个文本节点,然后将该节点添加到指定元素中。这样可以确保HTML代码被当作纯文本显示。例如:
```javascript
var htmlCode = "<p>这是一段HTML代码</p>";
var textNode = document.createTextNode(htmlCode);
document.getElementById("editor").appendChild(textNode);
```