分享编程~
 
内容复制到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编写过的内容也是可以的,具体根据实际情况选择。


上一篇:小白式windows 7 10 纯净系统安装简化教程下一篇:Sublime Text3中文绿色破解免激活32位64位下载
赞(14) 踩(1)
您说多少就多少,您的支持是我最大的动力
赏金
微 信
赏金
支付宝
本文连接: https://www.yj521.com/article/54.html
版权声明: 本文为原创文章,版权归《越加网》所有,分享转载请注明出处!