FCKeidtor的toolbarset的设置

最新推荐文章于 2016-09-06 15:57:16 发布

三维突破

最新推荐文章于 2016-09-06 15:57:16 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： Asp.Net2.0(C#) 文章标签： fckeditor basic templates image flash table

本文链接：https://blog.youkuaiyun.com/shuyizhi/article/details/6720622

Asp.Net2.0(C#) 专栏收录该内容

26 篇文章

订阅专栏

本文详细介绍了如何根据需求自定义FCKeditor的工具栏设置，包括使用现有配置进行修改或创建新的配置类型，以展示常用功能并去除不常用功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一个项目要用到FCKeditor 的精简样式，看了一下开发文档
现在说说FCKeditor toolbarset的设置。
FCKeitor默认提供了两种方式　Default,Basic.
Default:

Basic:

而他的配置文件fckconfig.js里的代码是这样的
FCKConfig.ToolbarSets["Default"] = [
    ['Source','DocProps','-','Save','NewPage','Preview','-','Templates'],
    ['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],
    ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
    ['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],
    '/',
    ['Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
    ['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote'],
    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
    ['Link','Unlink','Anchor'],
    ['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
    '/',
    ['Style','FontFormat','FontName','FontSize'],
    ['TextColor','BGColor'],
    ['FitWindow','ShowBlocks','-','About']        // No comma for the last row.
] ;

FCKConfig.ToolbarSets["Basic"] = [
    ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']
] ;
从代码中不难看出我们可以自己手动修改要显示的内容。
我们可以把最常用的放在一起，去掉那些不常用的。我们可以有两种方法修改。
１.直接在原来的基础上增加或删除
例如我们可以在Basic里添加 ['Style','FontFormat','FontName','FontSize'],
FCKConfig.ToolbarSets["Basic"] = [
    ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About'] ，
['Style','FontFormat','FontName','FontSize']
]
这样在使用时就显示样式，字体，字体大小等。
２.新建一个自己的类型。
FCKConfig.ToolbarSets["My"] = [
    ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','Image','Flash','Table','Rule','Smiley']
] ;
这样你在fckeditor的属性toolbarset里设成My就可以使用了。