FCkEditor确实是一个非常优秀的HTML在线编辑器,它的功能确实很强大,而且也非常的灵活,具有很强的定制性。

FCKEditor默认的工具栏项目很多,我们完全可以对其进行自定制,以满足自己的需求。

网上也有很多介绍定制工具栏的方法。下面就是其中的一种:

在fckconfig.js中找到FCKConfig.ToolbarSets 段,默认有两个工具条样式,一个是Default,一个是Basic(我的版本是2.5)。

增加如下一段:
 1FCKEditor工具条定制FCKConfig.ToolbarSets["Custom"= [
 2FCKEditor工具条定制    ['FontFormat','FontName','FontSize'],
 3FCKEditor工具条定制    ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
 4FCKEditor工具条定制    ['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote'],
 5FCKEditor工具条定制    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
 6FCKEditor工具条定制    ['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
 7FCKEditor工具条定制    ['Link','Unlink','Anchor'],
 8FCKEditor工具条定制    ['TextColor','BGColor'],'/'
 9FCKEditor工具条定制    ['Cut','Copy','Paste','PasteText','PasteWord'],
10FCKEditor工具条定制    ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
11FCKEditor工具条定制    ['FitWindow','ShowBlocks','-','Source','About']        // No comma for the last row.
12FCKEditor工具条定制] ;


然后再调用代码中做如下更改

注意第7行是新增的,指定所要使用的工具栏

 1FCKEditor工具条定制<%
 2FCKEditor工具条定制    Dim oFCKeditor
 3FCKEditor工具条定制    Set oFCKeditor = New FCKeditor
 4FCKEditor工具条定制    oFCKeditor.BasePath    = "edit/"
 5FCKEditor工具条定制    oFCKeditor.Value    = ""
 6FCKEditor工具条定制    oFCKeditor.Config("SkinPath")="/website/manage/edit/editor/skins/silver/"
 7FCKEditor工具条定制    oFCKeditor.ToolbarSet = "Custom"
 8FCKEditor工具条定制    oFCKeditor.Create "txtcontent"
 9FCKEditor工具条定制%>
10FCKEditor工具条定制


其定制语法很简单
[]  表示一个工具条,
[]  中的短横线'-'表示一个垂直分割线
''  两个单引号中间加一个标识符表示一个工具栏按钮,具体的对应关系可以自己找。
'/' 作用类似于一个回车。使该符号后面的工具栏新起一行排列。

我最终的定制效果如下:

FCKEditor工具条定制

相关文章:

  • 2021-07-24
  • 2022-02-21
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-03-01
  • 2022-12-23
猜你喜欢
  • 2022-01-05
  • 2022-12-23
  • 2021-08-26
  • 2022-12-23
  • 2021-12-19
  • 2021-08-08
相关资源
相似解决方案