FCKeditor 【样式】改为【行距】

最新推荐文章于 2021-06-08 16:25:19 发布

原创最新推荐文章于 2021-06-08 16:25:19 发布 · 156 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#fckeditor #XML

本文介绍如何在FCKEditor中自定义行距选项，并调整样式配置以适应不同的排版需求。

第一，在fckconfig.js里面将

FCKConfig.CustomStyles =
{
'Red Title' : { Element : 'h3', Styles : { 'color' : 'Red' } }
};

替换成

FCKConfig.CustomStyles =
{
//mark20110126
'行距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>

将上面的代码注释掉(我是直接删除掉的)。

第三：在fckeditor/editor/lang/zh-cn.js将Style : "样式",替换成 Style : "行距",