wangEditor富文本web編輯器

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

wangEditor功能特色

支持一個頁面多個編輯器

不支持一個頁面多個編輯器同時使用地圖

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

支持 npm 直接引用

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

沒有官方的實例銷毀方案，項目中使用的是作者在github給出的臨時方案

富文本web編輯器原理介紹

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

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