解决百度编辑器图片不能浮动的问题

在项目中使用的最新版本的UEditor 1.4.3.3,配置好前端,配置好后端,配置好文件上传,一切都很顺利。

坑爹的是图片设为左浮动或者右浮动以后,一点源码模式浮动效果自动消失,直接提交后前端图片仍旧是靠左的,然而居中确没有任何问题。

简单跟了一下发现在选择左浮动或者右浮动提交的时候,HTML代码中就没有居中及首行缩进的相关描述,可以确定是编辑器的问题。

仔细阅读了UE编辑器的文档后发现,在ueditor.config.js 里面有个白名单设置。由于白名单里面过滤掉了各种标签的属性,到时样式跟id之类的都会被清空。

当编辑图片的时候,由于img标签的白名单不存在 class ?style 以及_url所以当ueditor将其转为html代码的时候这部分属性被清空,到时编辑好的图片就会没有样式,所以要去修改/ue/ueditor.config.js,在这个文件大约403行,添加class,id等字段,再次刷新页面,发现图片浮动可以用了。

如下图所示:234.png

asd

2017-09-23

0 个评论