从网站或者其他地方复制内容到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编写过的内容也是可以的,具体根据实际情况选择。