word内容带样式粘贴到富文本编辑器

时间 2019-11-26 标签 word 内容带样式粘贴富文本编辑器

wangeditor自带粘贴文本样式过滤：

粘贴文本

注意，如下配置暂时对 IE 无效。IE 暂时使用系统自带的粘贴功能，没有样式过滤！

关闭粘贴样式的过滤

当从其余网页复制文本内容粘贴到编辑器中，编辑器会默认过滤掉复制文本中自带的样式，目的是让粘贴后的文本变得更加简洁和轻量。用户可经过editor.customConfig.pasteFilterStyle = false手动关闭掉粘贴样式的过滤。

但不知为什么，个人不生效，因此我使用了，自定义处理粘贴的文本内容：

自定义处理粘贴的文本内容

使用者可经过editor.customConfig.pasteTextHandle对粘贴的文本内容进行自定义的过滤、处理等操做，而后返回处理以后的文本内容。编辑器最终会粘贴用户处理以后而且返回的的内容。

示例代码

<p>欢迎使用 wangEditor 富文本编辑器</p>

</div>

var E = window.wangEditor

var editor = new E('#div1')

// 关闭粘贴样式的过滤

editor.customConfig.pasteFilterStyle = false

// 忽略粘贴内容中的图片

editor.customConfig.pasteIgnoreImg = true

// 自定义处理粘贴的文本内容

editor.customConfig.pasteTextHandle = function (content) {

// content 即粘贴过来的内容（html 或纯文本），可进行自定义处理而后返回

return content + '<p>在粘贴内容后面追加一行</p>'

}

editor.create()

</script>

个人代码：

<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">javascript

<htmlxmlns="http://www.w3.org/1999/xhtml">php

<head>css

<metahttp-equiv="Content-Type" content="text/html; charset=utf-8"/>html

<title>编辑器完整版实例-1.2.6.0</title>前端

<scripttype="text/javascript" src="ueditor.config.js" charset="utf-8"></script>java

<scripttype="text/javascript" src="ueditor.all.js" charset="utf-8"></script>jquery

<linktype="text/css" rel="Stylesheet" href="WordPaster/css/WordPaster.css"/>json

<linktype="text/css" rel="Stylesheet" href="WordPaster/js/skygqbox.css" />编辑器

<scripttype="text/javascript" src="WordPaster/js/json2.min.js" charset="utf-8"></script>ui

<scripttype="text/javascript" src="WordPaster/js/jquery-1.4.min.js" charset="utf-8"></script>

<scripttype="text/javascript" src="WordPaster/js/WordPaster.js" charset="utf-8"></script>

<scripttype="text/javascript" src="WordPaster/js/skygqbox.js" charset="utf-8"></script>

</head>

<body>

<textareaname="后台取值的key"id="myEditor">这里写你的初始化内容</textarea>

<scripttype="text/javascript">

var pasterMgr = new WordPasterManager();

pasterMgr.Config["PostUrl"] = "http://localhost:81/WordPaster2/WordPasterUEditor1x/php/upload.php"

pasterMgr.Load();//加载控件

UE.getEditor('myEditor',{onready:function(){//建立一个编辑器实例

pasterMgr.SetEditor(this);

}});

</script>

</body>

</html>

前端效果：

可参考这篇文章：http://t.cn/AiHvI5qG