[转载]Fckeditor编辑器添加行间距

[转载]Fckeditor编辑器添加【行间距】 – 不懂戀愛魚兒.

http://www.souab.com/post-218.html

上一篇文章介绍了默认的行高。这篇介绍一下可以调整的行高。

这里我采用的将编辑器中【样式】换成【行距】。

第一,在fckconfig.js里面

FCKConfig.CustomStyles =
{
‘Red Title’ : { Element : ‘h3’, Styles : { ‘color’ : ‘Red’ } }
};
替换成
FCKConfig.CustomStyles =
{
//mark090522
’12px’ : { Element : ‘span’, Styles : {‘line-height’ : ’12px’ } },
’14px’ : { Element : ‘span’, Styles : {‘line-height’ : ’14px’ } },
’18px’ : { Element : ‘span’, Styles : {‘line-height’ : ’18px’ } },
’22px’ : { Element : ‘span’, Styles : {‘line-height’ : ’22px’ } },
’26px’ : { Element : ‘span’, Styles : {‘line-height’ : ’26px’ } },
’30px’ : { Element : ‘span’, Styles : {‘line-height’ : ’30px’ } },
’36px’ : { Element : ‘span’, Styles : {‘line-height’ : ’36px’ } },
’42px’ : { Element : ‘span’, Styles : {‘line-height’ : ’42px’ } },
’50px’ : { Element : ‘span’, Styles : {‘line-height’ : ’50px’ } },
’64px’ : { Element : ‘span’, Styles : {‘line-height’ : ’64px’ } },
’80px’ : { Element : ‘span’, Styles : {‘line-height’ : ’80px’ } }
//’Red Title’ : { Element : ‘h3’, Styles : { ‘color’ : ‘Red’ } }
//markend
};
第二:在fckstyles.xml里
<Style name=”Marker: Yellow” element=”span”>
   <Style name=”background-color” value=”Yellow” />
</Style>
<Style name=”Marker: Green” element=”span”>
   <Style name=”background-color” value=”Lime” />
</Style>

<Style name=”Big” element=”big” />
<Style name=”Small” element=”small” />
<Style name=”Typewriter” element=”tt” />

<Style name=”Computer Code” element=”code” />
<Style name=”Keyboard Phrase” element=”kbd” />
<Style name=”Sample Text” element=”samp” />
<Style name=”Variable” element=”var” />

<Style name=”Deleted Text” element=”del” />
<Style name=”Inserted Text” element=”ins” />

<Style name=”Cited Work” element=”cite” />
<Style name=”Inline Quotation” element=”q” />

<Style name=”Language: RTL” element=”span”>
   <Attribute name=”dir” value=”rtl” />
</Style>
<Style name=”Language: LTR” element=”span”>
   <Attribute name=”dir” value=”ltr” />
</Style>
<Style name=”Language: RTL Strong” element=”bdo”>
   <Attribute name=”dir” value=”rtl” />
</Style>
<Style name=”Language: LTR Strong” element=”bdo”>
   <Attribute name=”dir” value=”ltr” />
</Style>
将上面的代码注释掉
第三:在zh-cn.js
将Style     : “样式”,替换成 Style     : “行距”,

赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏