css wangeditor 修改_内容复制到wangEditor富文本编辑器样式排版错误重置方法

从网站或者其他地方复制内容到wangEditor富文本编辑器样式排版错误解决方案

从网站或者其他地方复制内容到wangEditor富文本编辑器样式排版错误，粘贴到wangEditor时鼠标右击选择“粘贴为纯文本”进行粘贴，如果不行的话通过txt作为中间介质，先从其他地方复制内容到txt文本文档里，然后从txt文本文档里复制内容到wangEditor编辑器里，后来发现还是有问题，前段时间从谷歌翻译网站复制内容到txt文本里然后再从txt文本里复制内容到wangEditor编辑器里，排版后却不能空格，空格就换行，设置txt文件编码也没有用，查看源代码猜测单词之间空格间有隐藏换行符，最后解决方法是放弃txt用word文档来当中间介质。

具体方法如下：

一、先创建个word文档，扩展名最好是doc(兼容性高)。

二、从其他网站或者其他地方复制内容后在新建的word文档里右击选择“只粘贴文本(T)”，把内容粘贴到word文档里边。

三、从word文档里边复制内容直接粘贴到wangEditor编辑器即可，通过wangEditor编辑器里边的功能进行排版(版本2里边可以查看源代码，懂代码的还可以通过代码编写)。

其他技巧：

如果通过wangEditor排版不好用可以通过Microsoft Office 或者WPS等办公软件进行编写文案和排版然后直接复制到wangEditor编辑框里边即可。

注意事项：

如果在wangEditor里边的排版没有问题，当保存到后端或者数据库中在其他页面渲染出来有问题，请检查下当前渲染页面的前端css样式，css样式避免用标签选择器，类似p、div、table、span等，定义wangEditor外部内容样式最好定义class选择器去定义css样式。避免wangEditor排版的内容样式被污染，当然通过iframe渲染wangEditor编写过的内容也是可以的，具体根据实际情况选择。