ueditor setContent
时间: 2023-12-26 20:05:32 浏览: 127
ueditor组件
`UEditor` 提供了一个 `setContent` 方法,用于设置编辑器的初始内容。该方法接受一个参数,可以是一个字符串或一个 DOM 对象,表示要设置的内容。例如:
```javascript
var editor = new UE.ui.Editor();
editor.render("editor");
editor.setContent("<p>Hello World!</p>");
```
以上代码创建了一个 `UEditor` 实例,并设置了初始内容为一个段落元素。
如果要设置内容为一个 DOM 对象,可以使用 `innerHTML` 属性获取该对象的 HTML 代码,然后传入 `setContent` 方法。例如:
```javascript
var div = document.createElement("div");
div.innerHTML = "<p>Hello World!</p>";
editor.setContent(div.innerHTML);
```
以上代码创建了一个 `div` 元素,将其内容设置为一个段落元素,并将其 HTML 代码传入 `setContent` 方法。
注意,`setContent` 方法必须在编辑器实例渲染完成之后调用,否则会出现异常。可以将 `setContent` 方法放在 `render` 方法之后,或者在 `render` 方法的回调函数中调用。例如:
```javascript
var editor = new UE.ui.Editor();
editor.render("editor", function(){
editor.setContent("<p>Hello World!</p>");
});
```
以上代码在 `editor` 元素上渲染编辑器实例,并在渲染完成后设置初始内容。
阅读全文