WeCenter编辑器过滤html标签方法+css美化方法

WeCenter编辑器过滤html标签方法+css美化方法

1、WeCenter编辑器过滤html标签方法

wangEditor3.0文档说明：https://www.kancloud.cn/wangfupeng/wangeditor3/448202

以下路径针对于wc_editor3.6.0版本，/plugins/wc_editor/view/init.tpl.htm第89行开始

editor.customConfig.pasteFilterStyle = true;
    editor.customConfig.pasteIgnoreImg = false;
    editor.customConfig.pasteTextHandle = function (content)
    
    {
       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(/<script>[\s\S]*?<\/script>/ig,'');
	                str = str.replace(/<div>[\s\S]*?<\/div>/ig,'');
	                str = str.replace(/<a>[\s\S]*?<\/a>/ig,'');
	                str = str.replace(/<(a|input|script|div|input|select|iframe|form|link|_blank)[^>]+>/ig,'');
                return str;

    };

2、WeCenter编辑器修改样式css美化方法

/plugins/wc_editor/static/wangeditor/release/wangEditor.js 第5377行

element.style {
    background-color: #fff;   //编辑器菜单栏颜色
    border: 1px solid #ccc;
}

.w-e-toolbar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 5px 5px; //编辑器菜单栏内边距
/* flex-wrap: wrap; */
}