Drupal7 安装 CKEditor 和 IMCE 模块 及配置方法

习惯了使用所见即所得(Wysiwyg)编辑器, Drupal7安装CKEditor编辑器的方法及配置:
1.首先要下载模块和编辑器
CKEditor Moudle: /project/ckeditor
IMCE Module: /project/imce
CKEditor 编辑器: /download
2.安装 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/*
...
3.在 Modules 中启用 CKEditor 和 ICME 这两个模块.
4.在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','Spe cialChar'], 中添加一个‘IMCE‘ 这样才能在编辑器里显示 IMCE上传图片的图标.
添加后为:
['Image','IMCE','Media','Flash','Table','HorizontalRule','Smile y','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 , 如下图
5. OK, 配置完毕, 在 add Content 时选择 FULL HTML 就行了.
另外也可以配置 Filtered HTML , 在 Toolbar 配置里面设置一下, 比如我的设置如下
1 2 3 4 5 6 7 [ ['Source'], ['Cut','Copy','Paste','PasteText','Undo','Redo'], ['Bold','Italic','Underline','Strike','-'], ['NumberedList','BulletedList','-','Outdent','Indent','Blockqu ote'], ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
]
6.显示在 Filtered HTML 的效果为:。