码迷,mamicode.com
首页 > 其他好文 > 详细

wangEditor的了解之路

时间:2018-12-11 13:00:06      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:文本编辑器   add   var   ase   doc   显示   java   eve   click   

1.下载地址https://github.com/wangfupeng1988/wangEditor/releases](https://github.com/wangfupeng1988/wangEditor/releases

把这个文件下载好了,用哪个引入哪个

2.创建一个文本编辑器

<script type="text/javascript">
        var E = window.wangEditor
        var editor1 = new E(‘#div1‘)  // 两个参数也可以传入 elem 对象,class 选择器
        editor1.create()
    </script>

  

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

3.此时会看到文本编辑器已经显示出来了

4.注意路径js路径 如果不正确就会显示不出来

5.给编辑器显示区写东西

 editor1.txt.html(‘<p>用 JS 设置的内容</p>‘)

6.给编辑器清空东西

editor.txt.clear()

7.获取内容

<button id="btn1">获取html</button>
    <button id="btn2">获取text</button>

  

document.getElementById(‘btn1‘).addEventListener(‘click‘, function () {
        // 读取 html
        alert(editor1.txt.html())
        }, false)
        document.getElementById(‘btn2‘).addEventListener(‘click‘, function () {
        // 读取 text
        alert(editor1.txt.text())
        }, false)

 

wangEditor的了解之路

标签:文本编辑器   add   var   ase   doc   显示   java   eve   click   

原文地址:https://www.cnblogs.com/xiangxiang521/p/10101258.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!