fckeditor 修改P标签样式

摘要

fckeditor   添加回车的时间会直接添加一个P标签,P标签之间的行距很大。很不好看。        下面是两种处理方式,本人辛苦整理出来的,绝非拷贝,如果适合您,请帮忙顶一下。第一种:让FCKeditor换行不添加P标签。  

fckeditor   添加回车的时间会直接添加一个P标签,P标签之间的行距很大。很不好看。

        下面是两种处理方式,本人辛苦整理出来的,绝非拷贝,如果适合您,请帮忙顶一下。

第一种:让FCKeditor换行不添加P标签。

             fckconfig.js 找到这个文件中的这行FCKConfig.EnterMode = 'p'  修改成FCKConfig.EnterMode = 'br' 。

             这种方式不是很好,为什么呢?因为如果你在编辑文章的时间,把fckeditor里面的所有内容选中,然后直接按下键盘上的字母或者数字替换掉fckeditor 里面刚才选中的内容,此时又会自动添加上P标签。

            那下面我们做另一种方式。

第二种:换行添加P标签我不给你修改,你添加就添加吧。我让你行距不那么大不就好看了么?

              fckstyles.xml 找到这个文件中的这行<Style name="Paragraph" element="p" />     ,默认状态下是这行是注释掉的。好的,把这行的注释取消。然后找到css/fck_editorarea.css 这个文件里面的:         p, ul, li{margin-top: 0px;margin-bottom: 0px;}。 默认状态下这行也是注释掉的。取消注释。

             然后找到fckconfig.js 中的下面部分,加上标蓝的那行


 // Basic Block Styles (Font Format Combo).
 'span'    : { Element : 'span' },
 'div'   : { Element : 'div' },
 'pre'   : { Element : 'pre' },
 'address'  : { Element : 'address' },
 'h1'   : { Element : 'h1' },
 'h2'   : { Element : 'h2' },
 'h3'   : { Element : 'h3' },
 'h4'   : { Element : 'h4' },
 'h5'   : { Element : 'h5' },
 'h6'   : { Element : 'h6' },
 'p'   : { Element : 'Paragraph' },

 

 OK了,看下吧。虽然现在你用换行的时间还是自动添加P标签,可是现在是不是行距没那么大了呢?

 

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: