• 其实啥都木有更新,就是换个主题! Q
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

fckeditor 修改P标签样式

网络应用 10年前 (2012-01-10) 652次浏览 0个评论

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标签,可是现在是不是行距没那么大了呢?

 


本网站部分素材来源于网络,如果侵犯了您的权利,请及时联系,本站将在第一时间删除相关资源!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:fckeditor 修改P标签样式
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址