<!doctype HTML>
<HTML lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Document</title>
</head>
<body>
<div id="div1">
<p> 欢迎使用 <b>wangEditor</b> 富文本编辑器 </p>
</div>
<textarea id="text1" style="display: none"></textarea>
</body>
<!--<script src="https://cdnjs.cloudflare.com/Ajax/libs/vue/2.5.17/vue.min.js"></script>-->
<script src="//unpkg.com/wangeditor/release/wangEditor.min.js"></script>
<script>
var E = window.wangEditor
var editor = new E ('#div1')
editor.customConfig.uploadImgShowBase64 = true // 使用 base64 保存图片
var $text1 = document.getElementById ('text1');
editor.customConfig.onchange = function (HTML) {
// 监控变化，同步更新到 textarea
$text1.value = HTML;
}
editor.create ()
// 初始化 textarea 的值
$text1.value = editor.txt.html ();
</script>
</HTML>