wangeditor在复制word中自动去除样式的代码

wangeditor是个很好的编辑器。小巧玲珑，惹人怜爱~
但是在使用的过程中，我们往往会复制word的文字到编辑器中，如果wangeditor没有做任何处理，会导致复制的内容比较错乱，甚至无法添加到数据库中。
为了解决这个问题，我们需要对从word中粘贴的内容进行处理，吧多余的代码剔除。
下面是我再实际应用中处理的代码分享给大家。
```
window.wangEditor.fullscreen = {
        // editor create之后调用
        init: function(editorSelector){
            $(editorSelector + " .w-e-toolbar").append('<div class="w-e-menu"><a class="_wangEditor_btn_fullscreen" href="###" onclick="window.wangEditor.fullscreen.toggleFullscreen(\'' + editorSelector + '\')">全屏</a></div>');
        },
        toggleFullscreen: function(editorSelector){
            $(editorSelector).toggleClass('fullscreen-editor');
            if($(editorSelector + ' ._wangEditor_btn_fullscreen').text() == '全屏'){
                $(editorSelector + ' ._wangEditor_btn_fullscreen').text('退出全屏');
            }else{
                $(editorSelector + ' ._wangEditor_btn_fullscreen').text('全屏');
            }
        }
    };
    var E = window.wangEditor
    var editor = new E('#editor')
    // 或者 var editor = new E( document.getElementById('editor') )
    // 配置服务器端地址
    editor.customConfig.uploadFileName = 'file'
    editor.customConfig.uploadImgServer = "{:url('Upload/wang_editor_upload')}"

//去除富文本中粘贴word样式问题
    editor.customConfig.pasteTextHandle = function (content) {
        // content 即粘贴过来的内容（html 或 纯文本），可进行自定义处理然后返回
        if (content == '' && !content) return ''
        var str = content
        str = str.replace(/<xml>[\s\S]*?<\/xml>/ig, '')
        str = str.replace(/<style>[\s\S]*?<\/style>/ig, '')
        str = str.replace(/<\/?[^>]*>/g, '')
        str = str.replace(/[ | ]*\n/g, '<p>')
        str = str.replace(/&nbsp;/ig, '')
        console.log('****', content)
        console.log('****', str)
        return str
    }

editor.create()
    E.fullscreen.init('#editor');
```

这样复制过来的文字是呆有p标签可以换行的。

> 预览一下

[![](https://micuu.com/data/upload/20201201/5fc5f1d9b3514.png)](https://micuu.com/data/upload/20201201/5fc5f1d9b3514.png)

还可以吧~，来源也是从网上复制的，大家喜欢可以自己拿去修改一下咯~

注:原创不易,转载请注明出处( https://micuu.com/new/1049.html )，本站所有资源来源于网络收集，如有侵权请联系QQ245557979进行清除。

wangeditor在复制word中自动去除样式的代码

留言反馈