25 lines
876 B
Markdown
Executable File
25 lines
876 B
Markdown
Executable File
# 使用 textarea
|
|
|
|
wangEditor 从`v3`版本开始不支持 textarea ，但是可以通过`onchange`来实现 textarea 中提交富文本内容。
|
|
|
|
```html
|
|
<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>
|
|
``` |