懒人模板网--最新最全织梦模板,Discuz论坛模板,手机网站模板
当前位置:懒人模板>懒人教程>编程教学>

ueditor编辑器文字、图片无法居中问题处理

发布时间:2019-08-13 来源:未知 浏览: 关键词: ueditor 编辑器 无法居中 问题处理
项目中使用百度的UEditor编辑器,配置好前端,配置好后端,配置好文件上传,一切都很顺利。
但是图片、文字设为居中以后,一点源码模式居中效果自动消失,直接提交后前端图片仍旧是靠左的。 首行缩进也有类似的情况。

在图片上传中,当点击图片居中时,富文本编辑框是居中,但是这个居中是UEditor用绝对定位居中的,并不是用margin-left:auto和margin-right:auto,使图片居中。

 

这个需要修改两个地方,一个是 :

 

ueditor.config.js

 

// xss 过滤是否开启,inserthtml等操作

, xssFilterRules: false

//input xss过滤

, inputXssFilter: false

//output xss过滤

, outputXssFilter: false

 

另一个是:
ueditor.all.js

 

大约在11008行,添加

 

pN = img.parentNode;

domUtils.setStyle(img, 'float', '');

domUtils.removeAttributes(img, 'align');

img.style.marginLeft = "auto";

img.style.marginRight = "auto";

tmpNode = img;

 

 

责任编辑:懒人模板小编
编程教学
二次开发
使用技巧
调试安装
运营推广
IT行业新闻
编程教学
2016-2018 懒人在线网 版权所有:深圳市一路互联信息技术有限公司 备案号:粤ICP备15061805号-1