当你看到我这篇博文的时候,我已经不再为写博文的行距而烦恼了。


一直苦恼于博客文字的间距无法编辑,行距太小。之所以如此,只能归结于Bo-blog默认UBB编辑器功能的弱小。那天无意间看到了Bo-blog后台编辑器有一个FCKeditor的编辑器,但是没有安装。前天去Bo-blog官方论坛搜索了下,看到了一个帖子,说是可以安装个FCKeditor for Bo-blog。于是,下载下来,在今天才安装上。

安装文件下载地址:FCKeditor_2.6.6_超强完美版_1.0.0_for_Bo-Blog(中国教育网盘)

下载下来之后,却不知道怎么安装,帖子里没有说明。后来去Google搜索了下,才知道。把解压后的文件夹中的fckeditor文件夹FTP上传到bo-blog安装目录中的editor目录并覆盖替换;把“需要上传覆盖的文件”文件夹中的文件上传到bo-blog安装目录并覆盖替换。这是对于bo-blog安装在空间根目录下的情况,不是这样的还需要参照下载下来的文件夹中的说明修改文件。

这些步骤之后,后台清除缓存文件,即可在后台看到FCKeditor编辑器的工具栏,如下图:

 

 

但是这个编辑器仍然没有行距这个工具。Google搜索下,看到了如下一个修改方法如下:

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

 

 

第一,在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 : "行距",

然后上传覆盖替换掉相应的文件。完成以上步骤后,清除缓存文件,后台即可看到如下图所示的编辑器工具栏:


 

其他的功能还有待慢慢发掘,总之,功能已经很强大,呵呵。

 

参考文件如下,在此对作者表示衷心的感谢:

1、http://hi.baidu.com/luishuivane/….html

2、http://bbs.bo-blog.com/thread-27006-1-1.html