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"> <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
分享到:
相关推荐
设置编辑器的基础路径,这样编辑器才能找到相关的JavaScript文件和资源: ```php $editor->BasePath = "/fckeditor/"; ``` 接着,选择要使用的工具栏集,如“Normal”是FCKeditor预定义的一个标准工具栏: ```php...
3. **选择工具栏**:在编辑器初始化时,通过设置`FCKConfig.ToolbarSet`参数选择自定义的工具栏,如`FCKConfig.ToolbarSet = 'Simple';`。 4. **刷新编辑器**:保存配置文件后,刷新页面,新的工具栏设置就会生效。 ...
这可以通过在配置文件中设置 `ToolbarSet` 来实现。 ```xml <config:ToolbarSet name="Custom"> </config:ToolbarSet> ``` 4. **添加事件处理程序**:最后,为按钮添加相应的事件处理...
$oFCKeditor->ToolbarSet = 'Basic'; // 提供基本工具选项,还可以选择 Default 或自定义 // 设置编辑器皮肤 $oFCKeditor->Config['SkinPath'] = '/fckeditor/editor/skins/silver/'; // 实例化编辑器 $oFCKeditor->...
- **注意点**:其中 `BasePath` 设置为 FCKeditor 文件的绝对路径,`ToolbarSet` 指定了工具栏配置,默认为 `'Default'`。 #### 三、依赖库与 JSP 页面集成 为了使 FCKeditor 在 Java Web 应用中正常工作,需要...
oFCKeditor.ToolbarSet = 'Default'; oFCKeditor.Width = '100%'; oFCKeditor.Height = '200'; oFCKeditor.ReplaceTextarea(); ``` **6. 页面结构** - 插入一个`<textarea>`元素作为FCKeditor的容器。 ```...
FCKeditor的引入解决了这个问题,它提供了一个富文本编辑界面,支持字体、字号、颜色、对齐方式等文本格式设置,甚至包括插入图片、链接和表格等高级功能。 2. **EXT中FCKeditor的安装** 首先,你需要下载EXT库和...
<FCK:editor id="content" width="100%" toolbarSet="None" height="300" toolbarCanCollapse="false" fontNames="宋体;黑体;隶书;楷体_GB2312;Arial;ComicSansMS;Courier New;Tahoma;TimesNewRoman;Verdana"/> ```...
oFCKeditor.ToolbarSet="Default" ``` 工具栏设置定义了编辑器界面上显示的按钮。`Default`是预设的工具栏集,包含了大部分常用功能。如果需要自定义工具栏,可在fckconfig.js文件中进行修改。 3. **尺寸设定**...
例如,`$this->Width`和`$this->Height`分别定义了编辑器的宽度和高度,`$this->ToolbarSet`定义了使用的工具栏配置,而`$this->Value`则设置编辑器的初始内容。 FckEditor的配置主要通过"fckconfig.js"文件进行。...
5. **页面引用**:在ASP.NET页面中,通过注册控件指令`@Register`引入FCKeditorV2,然后在页面上添加`<FCKeditorV2:FCKeditor>`控件,指定ID和运行时属性,如`ToolbarSet`,来设置编辑器的工具栏集。例如: ``` ...
- 在`fckeditor\editor\filemanager\connectors\asp\config.asp`文件中设置上传目录路径: ```vbscript Dim ConfigUserFilesPath ConfigUserFilesPath = "/userfiles/" ``` 3. **精简步骤** - **删除无用文件...
$FCKeditor->ToolbarSet = 'Default'; // 设置编辑器的宽度 $FCKeditor->Width = '100%'; // 设置编辑器的高度 $FCKeditor->Height = '300px'; // 生成编辑器 $FCKeditor->Create(); ``` 3. **问题解决*...
$fck->ToolbarSet = $toolbarset; // 设置编辑器初始值,通常是之前保存的文本内容 $fck->Value = $val; // 设置编辑器的宽度,默认为 100% $fck->Width = $width; // 设置编辑器的高度,默认为 200 ...
例如,通过`new FCKeditor()`创建编辑器对象,然后设置`BasePath`以指定FCKeditor的路径,`ToolbarSet`定义编辑器的工具栏类型,最后调用`Create()`方法创建编辑器。提交时,可以通过`$_POST['fckeditor1']`获取编辑...
然后在页面中设置 `fckeditor.ToolbarSet` 属性为自定义的工具栏名称。 ##### 4.2 字体样式与大小 通过修改 `FCKConfig.FontNames` 和 `FCKConfig.FontSizes` 配置项来定制字体样式和大小。 ##### 4.3 图片上传与...
本文将详细介绍如何在JSP中使用FCKeditor,并涵盖其基本调用方式、自定义控件使用、基本属性设置以及配置方法等内容。 #### 二、FCKeditor 的调用方式 FCKeditor 在JSP中的调用主要分为两种方式: ##### 方法一:...
- 设置工具栏配置,如`oFCKeditor.ToolbarSet="Default"`。 - 示例代码: ```vbscript Set oFCKeditor = New FCKeditor oFCKeditor.BasePath = "/FCKeditor/" oFCKeditor.Config("SkinPath") = "/FCKeditor/...
在FCKeditor目录里的fckconfig.js打开,找到FCKConfig.ToolbarSets[“Default”] 这里的设置是配置功能按钮...($this->ToolbarSet= ‘你自己命的名name’ ;) 复制代码 代码如下:<?php include(“editor/fckeditor1