好用開源的富文本編輯器WangEditor

文本編輯器 CSS JavaScript 文章 IT小彬 2017-06-08

純javascript和css開發的 Web富文本編輯器, 輕量、簡潔、易用、開源免費。

好用開源的富文本編輯器WangEditor

wangeditor默認效果

創建編輯器

<!-- 注意, 只需要引用 JS,無需引用任何 CSS !!!-->

編輯內容

editor.txt.html('<p>用 JS 設置的內容</p>');//設置整個編輯器的內容
editor.txt.append('<p>用 JS追加的內容</p>');//往編輯器追加內容
editor.txt.append('<img src="插入的圖片地址" alt=""/>');//添加圖片

獲取內容

想要獲取當前編輯區域的內容,可使用 editor.$txt.html() 和 editor.$txt.text() 獲取。

注意,wangEditor 為 $txt 增加了一個formatText函數,用於獲取格式化之後的純文本,即 editor.$txt.formatText()。

非常簡單的一款開源編輯器,目前在項目中已經在線上使用,如果有使用的同學,歡迎一起討論討論。

好用開源的富文本編輯器WangEditor

系統後來編輯微信文章

wangEditor還支持自定義菜單、樣式配置、圖片上傳和自定義插件開發,這個還得大家自己研究!

相關推薦

推薦中...