FCKeditor编辑器，修改调整行距工具

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

第一，在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>


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


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

然后上传覆盖替换掉相应的文件。

第四：修改一个配置，让FCKEDITOR的样式功能（现在是行间距功能）正常出来了

打开 \includes\fckeditor\fckconfig.js  文件，
将
FCKConfig.ToolbarSets["Normal"] = [
  ['Cut','Copy','Paste','PasteText','PasteWord','-','Undo','Redo','-','Find','Replace','-','RemoveFormat'],
  ['Link','Unlink','-','Image','Flash','UpFileBtn','Table'],
  ['FitWindow','-','Source'],
  '/',
  ['FontFormat','FontSize'],
  ['Bold','Italic','Underline'],
  ['OrderedList','UnorderedList','-','Outdent','Indent'],
  ['JustifyLeft','JustifyCenter','JustifyRight'],
  ['TextColor','BGColor']
] ;

上面中的  ['FontFormat','FontSize'],改成   ['Style','FontFormat','FontName','FontSize'],

刷新看看那个FCK编辑器，是不是增加了行间距的功能

完成以上步骤后，清除缓存文件，后台即可看到如下图所示的编辑器工具栏：