wangEditor

相关标签：编程辅助

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

功能特色

支持一个页面多个编辑器

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

后端需要进行相应配置

支持 npm 直接引用

支持响应式，自动缩放

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

富文本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 获得）进行操作。

免责声明：本站提供的一切软件、教程和内容信息仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络收集整理，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容，请支持正版，购买注册，得到更好的正版服务。我们非常重视版权问题，如有侵权请邮件与我们联系处理，我们将尽快删除相关内容。