ck编辑器4.9版本 调整首行缩进 功能为 text-indent: 2em;

本文介绍了一位用户在使用UEditor时遇到的缩进问题,详细描述了如何从默认的margin-left属性调整到更适合的text-indent属性,并将缩进单位从像素(px)改为em,同时分享了修改代码的具体步骤,包括关闭代码过滤。

之前本身一直用的是百度的ue  近期为了外观升级了ue的编辑器 ,发现增加缩进功能不符合自己的要求 默认是整体p标签 margin-left 40px;

还是觉得百度的text-indent: 2em; 更适合自己.  去插件目录找了半天没找到.

最后直接在ckeditor.js 修改了

我的947和948行

b,e){b=this.jobs[b];a.activeFilter.checkFeature(this)?b.state=b.refresh.call(this,a,e):b.state=k;return b.state},getContext:function(a){return a.contains(this.context)}}})();(function(){function f(b,c,a){if(!b.getCustomData(“indent_processed”)){var d=this.editor,l=this.isIndent;if(c){d=b.$.className.match(this.classNameRegex);a=0;d&&(d=d[1],a=CKEDITOR.tools.indexOf(c,d)+1);if(0>(a+=l?1:-1))return;a=Math.min(a,c.length);a=Math.max(a,0);b.$.className=CKEDITOR.tools.ltrim(b.$.className.replace(this.classNameRegex,””));0<a&&b.addClass(c[a-1])}else{c=m(b,a);a=parseInt(b.getStyle(c),10);var g=d.config.indentOffset||2;isNaN(a)&&(a=0);a+=(l?1:-1)*g;if(0>a)return;a=Math.max(a,

0);a=Math.ceil(a/g)*g;b.setStyle(c,a?a+(d.config.indentUnit||”px”):””);””===b.getAttribute(“style”)&&b.removeAttribute(“style”)}CKEDITOR.dom.element.setMarker(this.database,b,”indent_processed”,1)}}function m(b,c){return”ltr”==(c||b.getComputedStyle(“direction”))?”margin-left”:”margin-right”}var h=CKEDITOR.dtd.$listItem,p=CKEDITOR.dtd.$list,k=CKEDITOR.TRISTATE_DISABLED,n=CKEDITOR.TRISTATE_OFF;CKEDITOR.plugins.add(“indentblock”,{requires:”indent”,init:function(b){function c(){a.specificDefinition.apply(this,

修改代码为

b,e){b=this.jobs[b];a.activeFilter.checkFeature(this)?b.state=b.refresh.call(this,a,e):b.state=k;return b.state},getContext:function(a){return a.contains(this.context)}}})();(function(){function f(b,c,a){if(!b.getCustomData(“indent_processed”)){var d=this.editor,l=this.isIndent;if(c){d=b.$.className.match(this.classNameRegex);a=0;d&&(d=d[1],a=CKEDITOR.tools.indexOf(c,d)+1);if(0>(a+=l?1:-1))return;a=Math.min(a,c.length);a=Math.max(a,0);b.$.className=CKEDITOR.tools.ltrim(b.$.className.replace(this.classNameRegex,””));0<a&&b.addClass(c[a-1])}else{c=m(b,a);a=parseInt(b.getStyle(c),10);var g=d.config.indentOffset||40;isNaN(a)&&(a=0);a+=(l?1:-1)*g;if(0>a)return;a=Math.max(a,

0);a=Math.ceil(a/g)*g;b.setStyle(c,a?a+(d.config.indentUnit||”em”):””);””===b.getAttribute(“style”)&&b.removeAttribute(“style”)}CKEDITOR.dom.element.setMarker(this.database,b,”indent_processed”,1)}}function m(b,c){return”ltr”==(c||b.getComputedStyle(“direction”))?”text-indent”:”text-indent”}var h=CKEDITOR.dtd.$listItem,p=CKEDITOR.dtd.$list,k=CKEDITOR.TRISTATE_DISABLED,n=CKEDITOR.TRISTATE_OFF;CKEDITOR.plugins.add(“indentblock”,{requires:”indent”,init:function(b){function c(){a.specificDefinition.apply(this,

 

重点就是d.config.indentOffset||40; 修改为2

d.config.indentUnit||”px” 修改为em

b.getComputedStyle(“direction”))?”margin-left”:”margin-right”}修改为”text-indent”:”text-indent”}

 

最后很重要的 关闭代码过滤 allowedContent:true,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值