Drupal7 安装 CKEditor 和 IMCE 模块 及配置
来源:互联网 发布:淘宝上怎么查找店铺 编辑:程序博客网 时间:2024/05/02 00:34
习惯了使用所见即所得(Wysiwyg)编辑器,Drupal7 安装 CKEditor 编辑器的方法及配置:
- 首先要下载模块和编辑器
CKEditor Moudle: http://drupal.org/project/ckeditor
IMCE Module: http://drupal.org/project/imce
CKEditor 编辑器: http://ckeditor.com/download - 安装 CKEditor Moudle 和 IMCE Moudle
将解压的 CKEditor Moudle 和 IMCE Moudle 模块分别放到
sites/all/moudles/ckeditor/
sites/all/moudles/imce/
然后将 CKEditor 编辑器压缩包里面的放到 /sites/all/moudles/ckeditor/ckeditor/中, 如下图
放好后的路径如:
/sites/all/moudles/ckeditor/ckeditor/ckeditor.config.js
/sites/all/moudles/ckeditor/ckeditor/ckeditor_php5.php
/sites/all/moudles/ckeditor/ckeditor/ckeditor_php4.php
/sites/all/moudles/ckeditor/ckeditor/ckeditor/plugins/*
/sites/all/moudles/ckeditor/ckeditor/ckeditor/_samples/*
/sites/all/moudles/ckeditor/ckeditor/ckeditor/_source/*
/sites/all/modules/imce/css/*
… - 在 Modules 中启用 CKEditor 和 ICME 这两个模块.
- 在 Home » Administration » Configuration » Content authoring 中配置CKEditor ( 路径为 /admin/config/content/ckeditor)
选择 Full HTML 的 edit Operations 进入 CKEditor 配置. ( 路径为 /admin/config/content/ckeditor/edit/Full )
然后点击 EDITOR APPEARANCE 选项进去, 在显示的表单中有个Toolbar, 这个是配置CKEditor显示哪些操作标签的.
在默认的这行 ['Image','Media','Flash','Table','HorizontalRule','Smiley','SpecialChar'], 中添加一个 ‘IMCE‘ 这样才能在编辑器里显示 IMCE上传图片的图标.
添加后为: ['Image','IMCE','Media','Flash','Table','HorizontalRule','Smiley','SpecialChar'],
接着在 Plugins 中选中 IMCE Window button in toolbar最后在 File browser settings 中的
File browser type (Link dialog)
File browser type (Image dialog)
File browser type (Flash dialog)三个选项都选择IMCE, 如下图 - OK, 配置完毕, 在 add Content 时选择 FULL HTML就行了.
另外也可以配置 Filtered HTML, 在 Toolbar配置里面设置一下, 比如我的设置如下1234567[
['Source'],
['Cut','Copy','Paste','PasteText','Undo','Redo'],
['Bold','Italic','Underline','Strike','-'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
]
显示在 Filtered HTML 的效果为:
http://www.sinzi.org/drupal7-ckeditor-imce-moudles/
- Drupal7 安装 CKEditor 和 IMCE 模块 及配置
- Drupal7 安装 CKEditor 和 IMCE 模块 及配置
- drupal7一: 安装配置CKEditor 和 IMCE 模块
- Drupal7下 CKEditor + IMCE 安装和配置图文教程
- drupal ckeditor模块配置上传图片及文件(IMCE,ckfinder)
- drupal7编辑器TinyMCE安装,整合IMCE
- CKEditor和CKFinder及CKEditor配置属性说明
- Drupal7_9:CKEditor + IMCE 实现图片浏览
- CKEditor配置及使用
- CKEditor配置及使用
- drupal7自带body编辑+IMCE实现图片上传
- CKEditor 安装及使用
- ckeditor安装及使用
- Drupal7.x的安装,php环境配置
- drupal7安装
- drupal7安装
- Drupal7 安装
- Linux下apache2及模块mod_deflate等安装和配置
- [转]Visual Assist X设置
- Spring的jdbcTemplate使用
- 当你遇到"modifying layer that is being finalized"的时候怎么办?
- Apache动态编译安装模块mod_rewrite
- oracle常用目录结构
- Drupal7 安装 CKEditor 和 IMCE 模块 及配置
- invalid statement in fillwindow
- 代码自定义布局
- Spring中@Autowired注解、@Resource注解的区别
- DB2中存储过程执行慢问题故障处理
- Android 启动过程简介
- python的中文编码问题
- HttpListener重定向
- select与缓冲区