直播小程序源码,wangEditor 清除粘贴内容自带样式

发布时间 2023-03-23 14:10:52作者: 云豹科技-苏凌霄

直播小程序源码,wangEditor 清除粘贴内容自带样式

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

使用者可通过 editor.customConfig.pasteTextHandle 

 

对粘贴的文本内容进行自定义的过滤、处理等操作,然后返回处理之后的文本内容。

 

编辑器最终会粘贴用户处理之后并且返回的的内容。

 

示例代码

 

<div id="div1">
    <p>欢迎使用 wangEditor 富文本编辑器</p>
</div>
 
<script type="text/javascript" src="/wangEditor.min.js"></script>
<script type="text/javascript">
    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>
// 自定义处理粘贴的文本内容
this.editor.customConfig.pasteTextHandle = function (content) {
  // content 即粘贴过来的内容(html 或 纯文本),可进行自定义处理然后返回
  if (content == "" && !content) return "";
  let str = content;
  str = str.replace(/<xml>[\s\S]*?<\/xml>/gi, "");
  str = str.replace(/<style>[\s\S]*?<\/style>/gi, "");
  str = str.replace(/<\/?[^>]*>/g, "");
  str = str.replace(/[ | ]*\n/g, "\n");
  str = str.replace(/&nbsp;/gi, "");
  console.log("editor--content", content);
  console.log("editor--str", str);
  return str;
}; 

 

以上就是直播小程序源码,wangEditor 清除粘贴内容自带样式, 更多内容欢迎关注之后的文章