如何设定Fckeditor的工具栏

Fckeditor是目前应用非常广泛的网页编辑器之一,网上的教程也非常多。这里,我根据自己的经验来讲解一下如何设置Fckeditor的工具栏。

  Fckeditor可以同时设定几种工具栏样式,在调用时指定一种就可以实现。首先,我们用记事本打开Fckeditor根目录中的Fckconfig.js文件。找到如下代码
FCKConfig.ToolbarSets["Default"] = [
['Source','Preview','-','Bold','Italic','Underline','StrikeThrough','-','OrderedList','UnorderedList','-','Outdent','Indent','Blockquote','-','JustifyLeft','JustifyCenter','JustifyRight','-','Link','Unlink','Anchor','-','TextColor','BGColor','-','PasteText','PasteWord','-','RemoveFormat'],
'/',
['FontFormat','FontName','FontSize'],
['Image','Flash','Rule','Smiley','Codes','Table','-','About']
] ;
  上面就是默认的工具栏,单引号引起来的就是具体的工具栏项目。我们可以将其复制下来。然后在后面插入一个空行并粘帖到这些代码。现在我们首先要做的是给自己的工具栏建立一个标识。将Default改成自己想要的名字。比如说 Yiyunnet 吧。然后更改里面的内容来自定义工具栏。

  工具栏定义好了,如何才能让应用生效呢?别急,我们在引用工具栏的时候,再指定一下应用哪种工具定义就行了,PHP代码如下

  1. <?php
  2. //=======================================编辑器实例化
  3. $oFCKeditor = new FCKeditor('myeditor') ; //创建编辑器对像
  4. $oFCKeditor->BasePath ="../fckeditor/"; //指定编辑器路径
  5. $oFCKeditor->ToolbarSet="Yiyunnet"; //指定运用刚才新增的工具栏设定
  6. $oFCKeditor->Height='350px'; //编辑器高度
  7. $oFCKeditor->Width='630px'; //编辑器宽度
  8. $oFCKeditor->Value=''; //初始值
  9. $myeditor=$oFCKeditor->CreateHtml(); //创建编辑器调用代码。
  10. echo$myeditor; //显示编辑器
  11. ?>

以下人Fckeditor的所有工具。
Preview : "预览",
Cut : "剪切",
Copy : "复制",
Paste : "粘贴",
PasteText : "粘贴为无格式文本",
PasteWord : "从 MS Word 粘贴",
RemoveFormat : "清除格式",
InsertLinkLbl : "超链接",
InsertLink : "插入/编辑超链接",
RemoveLink : "取消超链接",
Anchor : "插入/编辑锚点链接",
AnchorDelete : "清除锚点链接",
InsertImageLbl : "图象",
InsertImage : "插入/编辑图象",
InsertFlashLbl : "Flash",
InsertFlash : "插入/编辑 Flash",
InsertTableLbl : "表格",
InsertTable : "插入/编辑表格",
InsertLineLbl : "水平线",
InsertLine : "插入水平线",
InsertSmileyLbl : "表情符",
InsertSmiley : "插入表情图标",
About : "关于 FCKeditor",
Bold : "加粗",
Italic : "倾斜",
Underline : "下划线",
StrikeThrough : "删除线",
LeftJustify : "左对齐",
CenterJustify : "居中对齐",
RightJustify : "右对齐",
BlockJustify : "两端对齐",
DecreaseIndent : "减少缩进量",
IncreaseIndent : "增加缩进量",
Blockquote : "引用文字",
Undo : "撤消",
Redo : "重做",
NumberedListLbl : "编号列表",
NumberedList : "插入/删除编号列表",
BulletedListLbl : "项目列表",
BulletedList : "插入/删除项目列表",
ShowDetails : "显示详细资料",
Style : "样式",
FontFormat : "格式",
Font : "字体",
FontSize : "大小",
TextColor : "文本颜色",
BGColor : "背景颜色",
Source : "源代码",
InsertCodes : "插入代码",
FontFormats : "普通;已编排格式;地址;标题 1;标题 2;标题 3;标题 4;标题 5;标题 6;段落(DIV)",

原文地址:https://www.cnblogs.com/cuihongyu3503319/p/2574659.html