wangEditor富文本web編輯器（qì）

wangEditor富文本web編輯器是一款專為web開發（fā）人（rén）員（yuán）打造的編輯器，該軟件方便好（hǎo）用，支持各種語言，而且配置也非常的（de）簡單，html5編輯必備哦，需要的朋友趕緊來綠色資源網下載（zǎi）吧

wangEditor功（gōng）能特色

支持一個頁麵多個編輯器

不支持（chí）一個頁麵多個編輯（jí）器同時使用地圖（tú）

後端需要進行相應配置

支持 npm 直接引用

支持響應式，自動縮放（fàng）

沒有官（guān）方的（de）實例銷毀方案，項目中使用的是作者（zhě）在github給（gěi）出的臨時方案（àn）

富文本web編輯器原理介紹

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

為了不影響當前 document, 通常的做法是在頁麵中嵌入一個 iframe 元素，然後對這個 iframe 內的 document（通過 iframe.contentWindow.document 獲得）進（jìn）行操作。