wangeditor3表单提交的name属性

Question

做一个表单提交，想用wangeditor，后台php用name属性接收，但是最新版的wangeditor用的div作用容器，请问应该怎么配置

像这样，没法指定name属性，请问应该怎么解决

Answer 1

既然是用document.getElementById获取元素，那你保持id不变就好了啊，元素直接换。

Answer 2

wangEditor 从v3版本开始不支持 textarea ，但是可以通过onchange来实现 textarea 中提交富文本内容。

<div id="div1">
    <p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p>
</div>
<textarea id="text1" style="width:100%; height:200px;"></textarea>

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="../wangEditor.js"></script>
<script type="text/javascript">
    var E = window.wangEditor
    var editor = new E('#div1')
    var $text1 = $('#text1')
    editor.customConfig.onchange = function (html) {
        // 监控变化，同步更新到 textarea
        $text1.val(html)
    }
    editor.create()
    // 初始化 textarea 的值
    $text1.val(editor.txt.html())
</script>