FCKeditor 是一个十分强大的网页文本编辑器,它支持多种脚本编程语言(包括 PHP)和支持多国语言。 FCKeditor 截至 2008年4月6日,其最新版本是 2.6RC,RC 就是 Release Candidate,修订后的候选版本,很可能作为该版本的稳定版在未来发布。目前的最新的稳定版(Latest Stable)是 2.5.1。我们可以到他的官方网站上去下载 http://www.FCKeditor.net 合适的版本,开源、免费的。 本文介绍 PHP 中的配置方法,其他语言的配置方法和它是基本一样的。 〇、假设网站的目录为: 以下为引用的内容: \website_root \index.php \FCKeditor 一、调用FCKeditor 的两种方法
1、通过创建实例来调用 在 index.php 文件中,调用它的代码,把下面的代码加在需要编辑器的地方: 以下为引用的内容:
2、通过 IFRAME 调用
以下为引用的内容:
注意:name="myFCKeditor" 和 IFRAME 中 InstanceName=myFCKeditor 的“myFCKeditor”必须相同。
其实,用 IFRAME 调用和用第一种方法本质是完全一样的!不信的话,请在用浏览器打开网站上的 index.php 文件,然后查看“源代码”,就是本 IFRAME 调用的代码。所以推荐通过创建实例来调用。 3、当用 javascript 来获得内容的时候是不是发现得不到内容,如:
你会发现弹谈出的窗口没内容。 我们可以通过下面的代码来获得它的内容: 以下为引用的内容:
二、配置一些文件
1、fckconfig.js的配置 (1)工具按钮设置 查找 FCKConfig.ToolbarSets["Default"],这里有很多按钮,下面我们将对他们详细介绍 EditSource 显示HTML源代码 StrikeThrough 删除线 Save 保存 NewPage 新建空白页面 Superscript 上标 Subscript 下标 Preview 预览 JustifyLeft 左对齐 Cut 剪切 Copy 复制 Paste 粘贴 JustifyCenter 居中对齐 JustifyRight 右对齐 JustifyFull 两端对齐 PasteText 纯文本粘贴 InsertOrderedList 自动编号 PasteWord 来自Word的粘贴 InsertUnorderedList 项目符号 Print 打印 Outdent 减少缩进 SpellCheck 拼写检查 Indent 增加缩进 Find 查找 ShowTableBorders 显示表格线 Replace 替换 ShowDetails 显示明细 Undo 撤销 Form 添加Form动作 Redo 还原 Checkbox 复选框 SelectAll 全选 Radio 单选按钮 RemoveFormat 去除格式 Input 单行文本框 Link 插入/编辑 链接 Textarea 滚动文本框 RemoveLink 去除连接 Select 下拉菜单 Anchor 锚点 Button 按钮 Image 插入/编辑 图片 ImageButton 图片按钮 Table 插入/编辑 表格 Hidden 隐藏 Rule 插入水平线 Zoom 显示比例 SpecialChar 插入特殊字符 FontStyleAdv 系统字体 UniversalKey 软键盘 FontStyle 字体样式 Smiley 插入表情符号 FontFormat 字体格式 About 关于 Font 字体 Bold 粗体 FontSize 字体大小 Italic 斜体 TextColor 文字颜色 Underline 下划线 BGColor 背景色 这个默认的是包含了所有的工具按钮,但是有时有的按钮并不需要。那么我们可以将不需要的按钮给删了。下面是一个定制的配置,给大家一个参考。
以下为引用的内容: FCKconfig.ToolbarSets["Default"] = [ ['EditSource','Save','NewPage','Preview','-','Cut','Copy','Paste','PasteText','-','Find','Replace','-','Undo','Redo','-','SelectAll','-','Link','RemoveLink','-','Image','Table','Rule','SpecialChar','Smiley'] , ['Bold','Italic','Underline','-','JustifyLeft','JustifyCenter','JustifyRight','-','InsertOrderedList','InsertUnorderedList','-','Form','Checkbox','Radio','Input','Textarea','Select','Button','-','FontStyleAdv','TextColor'] ];
|