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代码如下
- <?php
- //=======================================编辑器实例化
- $oFCKeditor = new FCKeditor('myeditor') ; //创建编辑器对像
- $oFCKeditor->BasePath ="../fckeditor/"; //指定编辑器路径
- $oFCKeditor->ToolbarSet="Yiyunnet"; //指定运用刚才新增的工具栏设定
- $oFCKeditor->Height='350px'; //编辑器高度
- $oFCKeditor->Width='630px'; //编辑器宽度
- $oFCKeditor->Value=''; //初始值
- $myeditor=$oFCKeditor->CreateHtml(); //创建编辑器调用代码。
- echo$myeditor; //显示编辑器
- ?>
以下人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)",