java. fck是什么_FCK Editor for java快速配置-优化篇

续FCK Editor for java快速配置-使用篇

1.自定义工具栏

大家可以看到默认发布的fckeditor工具条显示了所有工具，如下图：

而给用户使用时可能需要屏蔽一些功能，这是通过fckconfig.js文件实现

fckconfig.js文件

打开WebRoot/fckeditor目录下的fckconfig.js文件，我们可以看到这个文件的主要作用是给fckeditor运行显示做配置的，找到101行代码

FCKConfig.ToolbarSets["Default"] =

[

['Source','DocProps','-','Save','NewPage','Preview','-','Templates'],

...] ;

FCKConfig.ToolbarSets["Basic"] =

[

['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']

] ;

我们可以看到这样两行对于fck的工具栏设定的代码，"Default"是默认情况下的工具栏显示，而中括号中包含的每个单词，如'Source','DocProps'各代表一个工具栏按钮，fckeditor标配了两套工具栏模板，一个是"Default"，另一个是"Basic"，我们先看标配的"Basic"如何使用：在fck标签中增加一个属性"toolbarSet"如下：

instanceName="txtContent"

toolbarSet="Basic">

刷新页面后可以看到如下结果：

此时的工具栏简化了很多，但是不太满足我们的需要，这样可以仿照Basic自己编写一个工具栏配置比如：

FCKConfig.ToolbarSets["MyToolBar"]

= [

['Preview','Print','-','Paste','PasteWord','-',

'Bold','Italic','Underline','StrikeThrough','-','OrderedList','UnorderedList','-',

'Outdent','Indent','JustifyLeft','JustifyCenter','JustifyRight','JustifyFull','-',

'Link','Unlink','-','Image','Table','Rule'],

'/',

['Style','FontFormat','FontName','FontSize','TextColor','BGColor']

] ;效果如下：

2.皮肤设置

fckeditor自带3套皮肤，在fckeditor\editor\skins目录下，分别是default、office2003、silver，若要使用皮肤可以在fck使用的页面中设置，代码如下：

toolbarSet="MyToolBar">

SkinPath="skins/office2003/"/>

这是设置fckeditor使用office2003的皮肤，效果如下：

同理可以改成

SkinPath="skins/silver/"/>，效果如下：