一、從富文本編輯器導入word
在實現一些辦公自動化的需求中，常常需要將word文件的一些內容直接導入到網頁中，wangeditor可以很好的實現這個功能。將word文件中的內容複製到wangeditor中時，需要保證word中的樣式能夠適配wangeditor的樣式，例如font-family、font-size等樣式可能在wangeditor中有別的樣式名。因此需要將導入的word文本內容進行過濾，使其適合在wangeditor中顯示。以下是示例代碼：
// 獲取word文件中的html內容
var wordHtml = document.getElementById('word').innerHTML;
// 過濾html內容
var filteredHtml = wordHtml.replace(/style="(.*?)"/g, '').replace(//g, '').replace(//g, '');
// 導入到wangeditor中
editor.txt.html(filteredHtml);
二、富文本編輯器類型
在Javascript中，與wangeditor類型相似的富文本編輯器還有很多，比如開源的UEditor、TinyMCE等。但是wangeditor相對簡單輕便，使用也比較容易上手，適合初學者使用。並且在性能方面表現也相當優異。
wangeditor支持的編輯器類型有：單行文本框、多行文本框、iframe以及div，其中div類型是wangeditor推薦的類型，也是使用最為廣泛的一種類型。以下代碼展示如何創建wangeditor的div類型實例：
// 定義一個div原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/184051.html
微信掃一掃 
支付寶掃一掃 