`
windywindy
  • 浏览: 170343 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

FCKeidtor的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']
] ;


从代码中不难看出我们可以自己手动修改要显示的内容。
我们可以把最常用的放在一起,去掉那些不常用的。我们可以有两种方法修改。
1.直接在原来的基础上增加或删除
例如我们可以在Basic里添加 ['Style','FontFormat','FontName','FontSize'],
FCKConfig.ToolbarSets["Basic"] = [
    ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About'] ,
['Style','FontFormat','FontName','FontSize']
]

这样在使用时就显示样式,字体,字体大小等。

2.新建一个自己的类型。
FCKConfig.ToolbarSets["My"] = [
    ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','Image','Flash','Table','Rule','Smiley']
] ;

这样你在fckeditor的属性toolbarset里设成My就可以使用了。



所以你可以自己设置自己喜欢的工具栏。

附:仿百度空间工具栏

要仿照(关键在于看看fck的可变性)这样一个比较简洁的功能界面 可以做如下改变

基础的改变是fckconfig.js和editor/fckeditor.html文件

可以新建两个工具界面配置
FCKConfig.ToolbarSets["Mybasic"] = [
['Bold','Italic','-','Link','Unlink','Image','-','FontSize','TextColor','-']
] ;
FCKConfig.ToolbarSets["Myall"] = [
['Bold','Italic','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyFull','-','Link','Unlink','Image','-','FontName','FontSize','TextColor','BGColor','-']
] ;

然后在fckeditor.html中script中加入
function chang(ToobarStyle){

var a = document.getElementById("sptool");
var b = document.getElementById("alltool");
if(ToobarStyle == 'Mybasic'){
   ToobarStyle = 'Mybasic';
   a.style.display = "none";
   b.style.display = "inline";
}else{
   ToobarStyle = 'Myall';
   a.style.display = "inline";
   b.style.display = "none";
}
FCK.ToolbarSet.Load(ToobarStyle || 'Mybasic');
}

表格中改成
<td id="xToolbar" class="TB_ToolbarSet"></td>
       <td align="right" class="TB_ToolbarSet" width="60px">&nbsp;<a href="javascript:void(0);" id="sptool" onClick="chang('Mybasic');" style="font-size:12px;display:none;">简单功能</a><a id="alltool" href="javascript:void(0);" onClick="chang('Myall');" style="font-size:12px;">全部功能</a></td>
       <td class="TB_SideBorder" style="width: 1px"></td>


  • 大小: 27.6 KB
  • 大小: 16.4 KB
  • 大小: 12.1 KB
分享到:
评论

相关推荐

    php在页面中调用fckeditor编辑器的方法

    设置编辑器的基础路径,这样编辑器才能找到相关的JavaScript文件和资源: ```php $editor-&gt;BasePath = "/fckeditor/"; ``` 接着,选择要使用的工具栏集,如“Normal”是FCKeditor预定义的一个标准工具栏: ```php...

    Fckeditor2.6例子

    3. **选择工具栏**:在编辑器初始化时,通过设置`FCKConfig.ToolbarSet`参数选择自定义的工具栏,如`FCKConfig.ToolbarSet = 'Simple';`。 4. **刷新编辑器**:保存配置文件后,刷新页面,新的工具栏设置就会生效。 ...

    asp.net建立内容管理网站

    这可以通过在配置文件中设置 `ToolbarSet` 来实现。 ```xml &lt;config:ToolbarSet name="Custom"&gt; &lt;/config:ToolbarSet&gt; ``` 4. **添加事件处理程序**:最后,为按钮添加相应的事件处理...

    php配置fckeditor2.6.6[借鉴].pdf

    $oFCKeditor-&gt;ToolbarSet = 'Basic'; // 提供基本工具选项,还可以选择 Default 或自定义 // 设置编辑器皮肤 $oFCKeditor-&gt;Config['SkinPath'] = '/fckeditor/editor/skins/silver/'; // 实例化编辑器 $oFCKeditor-&gt;...

    Fckeditor教程.txt

    - **注意点**:其中 `BasePath` 设置为 FCKeditor 文件的绝对路径,`ToolbarSet` 指定了工具栏配置,默认为 `'Default'`。 #### 三、依赖库与 JSP 页面集成 为了使 FCKeditor 在 Java Web 应用中正常工作,需要...

    asp.net上FckEditor 配置手册

    oFCKeditor.ToolbarSet = 'Default'; oFCKeditor.Width = '100%'; oFCKeditor.Height = '200'; oFCKeditor.ReplaceTextarea(); ``` **6. 页面结构** - 插入一个`&lt;textarea&gt;`元素作为FCKeditor的容器。 ```...

    EXT中FCK的使用

    FCKeditor的引入解决了这个问题,它提供了一个富文本编辑界面,支持字体、字号、颜色、对齐方式等文本格式设置,甚至包括插入图片、链接和表格等高级功能。 2. **EXT中FCKeditor的安装** 首先,你需要下载EXT库和...

    FCKeditor配置心得

    &lt;FCK:editor id="content" width="100%" toolbarSet="None" height="300" toolbarCanCollapse="false" fontNames="宋体;黑体;隶书;楷体_GB2312;Arial;ComicSansMS;Courier New;Tahoma;TimesNewRoman;Verdana"/&gt; ```...

    FCKeditor在ASP环境中配置使用

    oFCKeditor.ToolbarSet="Default" ``` 工具栏设置定义了编辑器界面上显示的按钮。`Default`是预设的工具栏集,包含了大部分常用功能。如果需要自定义工具栏,可在fckconfig.js文件中进行修改。 3. **尺寸设定**...

    FckEditor中文配置手册详细说明

    例如,`$this-&gt;Width`和`$this-&gt;Height`分别定义了编辑器的宽度和高度,`$this-&gt;ToolbarSet`定义了使用的工具栏配置,而`$this-&gt;Value`则设置编辑器的初始内容。 FckEditor的配置主要通过"fckconfig.js"文件进行。...

    FCKeditor.Net_2.6.3 配置文档

    5. **页面引用**:在ASP.NET页面中,通过注册控件指令`@Register`引入FCKeditorV2,然后在页面上添加`&lt;FCKeditorV2:FCKeditor&gt;`控件,指定ID和运行时属性,如`ToolbarSet`,来设置编辑器的工具栏集。例如: ``` ...

    FCKeditor编辑器精简教程手册(WORD)

    - 在`fckeditor\editor\filemanager\connectors\asp\config.asp`文件中设置上传目录路径: ```vbscript Dim ConfigUserFilesPath ConfigUserFilesPath = "/userfiles/" ``` 3. **精简步骤** - **删除无用文件...

    在线web编辑器FCKeditor 的配置和使用方法

    $FCKeditor-&gt;ToolbarSet = 'Default'; // 设置编辑器的宽度 $FCKeditor-&gt;Width = '100%'; // 设置编辑器的高度 $FCKeditor-&gt;Height = '300px'; // 生成编辑器 $FCKeditor-&gt;Create(); ``` 3. **问题解决*...

    php fckeditor 调用的函数

    $fck-&gt;ToolbarSet = $toolbarset; // 设置编辑器初始值,通常是之前保存的文本内容 $fck-&gt;Value = $val; // 设置编辑器的宽度,默认为 100% $fck-&gt;Width = $width; // 设置编辑器的高度,默认为 200 ...

    FCK编辑器在PHP中的应用

    例如,通过`new FCKeditor()`创建编辑器对象,然后设置`BasePath`以指定FCKeditor的路径,`ToolbarSet`定义编辑器的工具栏类型,最后调用`Create()`方法创建编辑器。提交时,可以通过`$_POST['fckeditor1']`获取编辑...

    ckeditor使用

    然后在页面中设置 `fckeditor.ToolbarSet` 属性为自定义的工具栏名称。 ##### 4.2 字体样式与大小 通过修改 `FCKConfig.FontNames` 和 `FCKConfig.FontSizes` 配置项来定制字体样式和大小。 ##### 4.3 图片上传与...

    FCKeditor 使用笔记

    本文将详细介绍如何在JSP中使用FCKeditor,并涵盖其基本调用方式、自定义控件使用、基本属性设置以及配置方法等内容。 #### 二、FCKeditor 的调用方式 FCKeditor 在JSP中的调用主要分为两种方式: ##### 方法一:...

    FCKeditor 2.6.3 asp 配置完成版 说明

    - 设置工具栏配置,如`oFCKeditor.ToolbarSet="Default"`。 - 示例代码: ```vbscript Set oFCKeditor = New FCKeditor oFCKeditor.BasePath = "/FCKeditor/" oFCKeditor.Config("SkinPath") = "/FCKeditor/...

    FCKeditor添加自定义按钮

    在FCKeditor目录里的fckconfig.js打开,找到FCKConfig.ToolbarSets[“Default”] 这里的设置是配置功能按钮...($this-&gt;ToolbarSet= ‘你自己命的名name’ ;) 复制代码 代码如下:&lt;?php include(“editor/fckeditor1

Global site tag (gtag.js) - Google Analytics