博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何设定Fckeditor的工具栏
阅读量:5341 次
发布时间:2019-06-15

本文共 2389 字,大约阅读时间需要 7 分钟。

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/archive/2012/07/03/2574659.html

你可能感兴趣的文章
Android开发中 .9.png格式图形设计:
查看>>
Linux常见命令
查看>>
ASP.NET Page执行顺序如:OnPreInit()、OnInit()
查看>>
linux下编译安装nginx
查看>>
adb命令
查看>>
SQL自定义排序 ORDER BY
查看>>
Modal模态框scrolltop保留上次位移的解决方案
查看>>
python 函数(一)
查看>>
我说我在总结谁会信。。
查看>>
数据库索引的作用和长处缺点
查看>>
Laravel 安装代码智能提示扩展「laravel-ide-helper」
查看>>
java开发配套版本
查看>>
MySQL的 Grant命令权限分配
查看>>
非阻塞的c/s,epoll服务器模型
查看>>
YII框架安装过程总结
查看>>
HDOJ(HDU) 1862 EXCEL排序(类对象的快排)
查看>>
Codeforces Round #381 (Div. 2) 复习倍增//
查看>>
Money类型转化为String去除小数点后0解决方法
查看>>
ArcScene 高程不同的表面无法叠加
查看>>
[ONTAK2010] Peaks
查看>>