wangEditor富文本web編輯器是一款專為web開(kāi)發(fā)人員打造的編輯器，該軟件方便好用，支持各種語(yǔ)言，而且配置也非常的簡(jiǎn)單，html5編輯必備哦，需要的朋友趕緊來(lái)綠色資源網(wǎng)下載吧

wangEditor功能特色

支持一個(gè)頁(yè)面多個(gè)編輯器

不支持一個(gè)頁(yè)面多個(gè)編輯器同時(shí)使用地圖

后端需要進(jìn)行相應(yīng)配置

支持 npm 直接引用

支持響應(yīng)式，自動(dòng)縮放

沒(méi)有官方的實(shí)例銷毀方案，項(xiàng)目中使用的是作者在github給出的臨時(shí)方案

富文本web編輯器原理介紹

這個(gè)原理實(shí)在是太簡(jiǎn)單了！對(duì)于支持富文本編輯的瀏覽器來(lái)說(shuō)，其實(shí)就是設(shè)置 document 的 designMode 屬性為 on 后，再通過(guò)執(zhí)行 document.execCommand('commandName'[, UIFlag[, value]]) 即可。commandName 和 value 可以在MSDN 上和MDC 上找到，它們就是我們創(chuàng)建各種格式的命令，比方說(shuō)，我們要加粗字體，執(zhí)行 document.execCommand('bold', false) 即可。很簡(jiǎn)單是吧？但是值得注意的是，通常是選中了文本后才執(zhí)行命令，被選中的文本才被格式化。對(duì)于未選中的文本進(jìn)行這個(gè)命令，各瀏覽器有不同的處理方式，比方 IE 可能是對(duì)位于光標(biāo)中的標(biāo)簽內(nèi)容進(jìn)行格式化，而其它瀏覽器不做任何處理，這超出本文的內(nèi)容，不細(xì)述。同時(shí)需要注意的是，UIFlag 這個(gè)參數(shù)設(shè)置為 true 表示 display any user interface triggered by the command (if any), 在我們今天的教程中都是 false, 而 value 也只在某些 commandName 中才有，具體參考以上剛給出的兩個(gè)鏈接。

為了不影響當(dāng)前 document, 通常的做法是在頁(yè)面中嵌入一個(gè) iframe 元素，然后對(duì)這個(gè) iframe 內(nèi)的 document（通過(guò) iframe.contentWindow.document 獲得）進(jìn)行操作。