wangEditor富文本web编辑器

wangEditor富文本web编辑器

版本:v3.0.16 官方版大小:399KB

类别: 编程辅助 系统:WinAll, WinXP, Win7, Win8, Win10

立即下载
  • wangEditor富文本web编辑器 v3.0.16 官方版0

wangEditor富文本web编辑器是一款专为web开发人员打造的编辑器,该软件方便好用,支持各种语言,而且配置也非常的简单,html5编辑必备哦,需要的朋友赶紧来绿色资源网下载吧

wangEditor功能特色

支持一个页面多个编辑器

不支持一个页面多个编辑器同时使用地图

后端需要进行相应配置

支持 npm 直接引用

支持响应式,自动缩放

没有官方的实例销毁方案,项目中使用的是作者在github给出的临时方案

富文本web编辑器原理介绍

富文本web编辑器

这个原理实在是太简单了!对于支持富文本编辑的浏览器来说,其实就是设置 document 的 designMode 属性为 on 后,再通过执行 document.execCommand('commandName'[, UIFlag[, value]]) 即可。commandName 和 value 可以在MSDN 上和MDC 上找到,它们就是我们创建各种格式的命令,比方说,我们要加粗字体,执行 document.execCommand('bold', false) 即可。很简单是吧?但是值得注意的是,通常是选中了文本后才执行命令,被选中的文本才被格式化。对于未选中的文本进行这个命令,各浏览器有不同的处理方式,比方 IE 可能是对位于光标中的标签内容进行格式化,而其它浏览器不做任何处理,这超出本文的内容,不细述。同时需要注意的是,UIFlag 这个参数设置为 true 表示 display any user interface triggered by the command (if any), 在我们今天的教程中都是 false, 而 value 也只在某些 commandName 中才有,具体参考以上刚给出的两个链接。

为了不影响当前 document, 通常的做法是在页面中嵌入一个 iframe 元素,然后对这个 iframe 内的 document(通过 iframe.contentWindow.document 获得)进行操作。

查看全部

更新时间:2018-03-13
网友评论
我要跟贴
取消
猜你喜欢
  • 文本编辑器

文本编辑器更多>>

文本编辑器有哪些?包括txt文本编辑器、linux文本编辑器、html文本编辑器、java文本编辑器等多种类型,这里为大家推荐一些好用的文本编辑器软件,如:Notepad++、PSPad编辑器、Emacs、Sublime Text3等,程序员、编程朋友们应该更需要。

同类推荐
热门精品
最新应用