一、从富文本编辑器导入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/n/184051.html
微信扫一扫 
支付宝扫一扫 