word內容帶樣式粘貼到富文本編輯器

時間 2019-11-26

標籤 word 內容樣式粘貼文本編輯器欄目 Microsoft Office 简体版

原文原文鏈接

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

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。