牛骨文教育服务平台(让学习变的简单)

生成编辑器(使用element)

上一个章节描述了如何使用html元素的ID来生成编辑器,可以通过<div><textarea>元素生成。从v2.1.4版本开始,wangEditor支持使用element元素生成编辑器,代码如下:

通过 div 生成

<div id="div1">
    <p>请输入内容...</p>
</div>


<!--这里引用jquery和wangEditor.js-->
<script type="text/javascript">
    // 获取元素
    var div = document.getElementById("div1");
    // 生成编辑器
    var editor = new wangEditor(div);
    editor.create();
</script>

通过 textarea 生成

<textarea id="textarea1">
    <p>请输入内容...</p>
</textarea>


<!--这里引用jquery和wangEditor.js-->
<script type="text/javascript">
    // 获取元素
    var textarea = document.getElementById("textarea1");
    // 生成编辑器
    var editor = new wangEditor(textarea);
    editor.create();
</script>