CKEditor 是一款强大的富文本编辑器,它是 FCKeditor 的后续版本,支持多种浏览器,提供了丰富的文本编辑功能。CKFinder 是一个与 CKEditor 配合使用的文件管理器,允许用户在编辑器中方便地上传、浏览和管理图片、文档等资源。 配置 CKEditor 和 CKFinder 的过程主要包括以下几个步骤: 1. **安装 CKEditor**: - 将 CKEditor 的压缩包解压到你的 web 服务器的根目录或指定目录下,并在需要使用编辑器的页面中引入 `ckeditor.js` 文件。 2. **配置 CKEditor**: - 在 HTML 页面中,用 `<textarea>` 标签创建一个编辑区域,例如 `<textarea cols="80" name="editor1" rows="10"></textarea>`。 3. **安装 CKFinder**: - 解压 CKFinder 到与 CKEditor 同一级别的目录,确保它们在同一级目录下。 - 在页面中加载 `ckfinder.js`,通常放在 `<textarea>` 之后,以确保 CKEditor 已成功加载。 4. **整合 CKEditor 和 CKFinder**: - 在 JavaScript 代码中,检查 CKEditor 是否已正确加载,然后通过 `CKEDITOR.replace()` 方法替换 `<textarea>`,并调用 `CKFinder.SetupCKEditor()` 方法将 CKFinder 配置到 CKEditor 中,传入 CKFinder 的总目录的相对路径。 5. **配置 CKFinder**: - 打开 `\ckfinder\config.php` 文件,修改 `$baseUrl` 变量,设置为上传附件的实际存放路径,这是一个相对于 web 根目录的绝对路径,CKFinder 会在该路径下自动生成如 `images`、`flash` 等子目录。 完成上述配置后,CKEditor 和 CKFinder 已基本整合。为了实现更个性化的界面和功能,你可以进行高级配置: 6. **自定义 CKEditor**: - 在 `\ckeditor\config.js` 文件中,找到 `CKEDITOR.editorConfig` 函数,添加你需要的自定义配置,例如字体、工具栏按钮、编辑器宽度、高度、皮肤等。 - 例如,你可以定义字体列表、工具栏布局、编辑器尺寸以及皮肤,如 `config.font_names`、`config.toolbar`、`config.width`、`config.height` 和 `config.skin`。 7. **启用 CKFinder 的上传功能**: - 由于 CKEditor 本身不包含文件上传功能,需要通过 CKFinder 来实现。例如,你可能需要修改 CKEditor 的插件(如 `image`、`flash` 或 `filemanager`)的源码来启用上传功能。 完成以上步骤后,你将拥有一个具有完整功能的 CKEditor 实例,用户可以使用 CKFinder 进行文件上传和管理,同时在 CKEditor 中直接编辑和插入这些资源。这个配置过程对于需要在线编辑内容和管理多媒体资源的网站是非常实用的。





























- aabbcc666662013-02-19不错,富文本配置,教你怎样使用富文本编辑器!

- 粉丝: 0
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


最新资源
- 某大学网络远程教育的服务质量管理.pptx
- 互联网创新创业项目计划书.doc
- 西华大学电气工程与自动化认识实习报告.doc
- 遗传算法简介专家讲座.pptx
- 2020网络安全培训总结.docx
- 福建省施工企业“三类人员”网络继续教育培训班测试题样本.doc
- 纵横公路工程造价软件操作.doc
- 高级软件工程(1).pptx
- 智慧城市云平台解决方案及应用PPT课件.ppt
- 酒店如何做网络口碑营销.doc
- 计算机软件许可证协议书新(协议示范模板).docx
- 单片机原理及应用4.ppt
- 智能网络程控机器人.pptx
- 水利工程项目管理的新思路探讨.pdf
- 软件开发工具复习整理资料(权威完整版).pdf
- (完整版)电梯的PLC控制系统设计与监控系统组态---开题报告(DOC).doc


