陋室铭
永远也不要停下学习的脚步(大道至简至易)

posts - 2169,comments - 570,views - 413万

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)",

posted on   宏宇  阅读(367)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
历史上的今天:
2009-07-03 学习asp.net比较完整的流程(转)
2009-07-03 用javascript实现Base64编码(解决中文问题C#里解码) 转
2008-07-03 Eval和Bind的区别(不是其他人说的那个,突然发现的)
2008-07-03 小技巧(DataTable的排序、检索、合并)
2007-07-03 关于设计的心得(所有方面设计)
2007-07-03 对于做需求分析时的一些心得
2007-07-03 对于项目分析的一点理解
< 2012年7月 >
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 1 2 3 4
5 6 7 8 9 10 11

点击右上角即可分享
微信分享提示