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">

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

<head>

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

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

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

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

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

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

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

<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

posted on 2019-08-05 09:19 Xproer-松鼠阅读(2563) 评论(0) 编辑收藏举报

刷新页面返回顶部

松鼠的博客

导航

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