Drupal7 安装 CKEditor 和 IMCE 模块 及配置

转载 2012年03月22日 14:54:02

习惯了使用所见即所得(Wysiwyg)编辑器, Drupal7 安装 CKEditor 编辑器的方法及配置:

  1. 首先要下载模块和编辑器
    CKEditor Moudle: http://drupal.org/project/ckeditor
    IMCE Module: http://drupal.org/project/imce
    CKEditor 编辑器: http://ckeditor.com/download
  2. 安装 CKEditor MoudleIMCE Moudle
    将解压的 CKEditor Moudle 和 IMCE Moudle 模块分别放到
    sites/all/moudles/ckeditor/
    sites/all/moudles/imce/
    然后将 CKEditor 编辑器压缩包里面的放到 /sites/all/moudles/ckeditor/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 HTMLedit 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
    Toolbar CKEditor

    最后在 File browser settings 中的
    File browser type (Link dialog)
    File browser type (Image dialog)
    File browser type (Flash dialog)三个选项都选择IMCE, 如下图
    File browser settings

  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','Blockquote'],
    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
    ]

    显示在 Filtered HTML 的效果为:
    Filtered HTML


http://www.sinzi.org/drupal7-ckeditor-imce-moudles/


相关文章推荐

drupal ckeditor模块配置上传图片及文件(IMCE,ckfinder)

一、用IMCE模块上传图片 效果图如下: 首先启用IMCE模块 然后按照下面三步就可以轻松搞定    1. Open /sites/modules/ckeditor/ckedi...
  • mecho
  • mecho
  • 2012年03月22日 16:21
  • 2133

drupal7自带body编辑+IMCE实现图片上传

※drupal版本 7.26 1.下载drupal7对应的IMCE模块。(下载地址:https://www.drupal.org/project/imce) 2.安装IMCE模块 如下图:201501...

Drupal7 Note-0: Ubuntu 下 LAPP(linux+apache+postgresql+php)环 境的配置与安装

1 安装 apache2 sudo apt-get install apache2 安装完成,运行如下命令重启下: sudo /etc/init.d/apache2 restart 在浏览...

drupal7 自己写的扩展模块 news

  • 2012年04月27日 15:32
  • 2KB
  • 下载

写一个Drupal7有关SEO的小模块

网上有很多Drupal SEO 的模块,但是我还都没用过,因为我也觉得这样的代码很简单,所以懒得安装了。在“似水流云 ”的博客里,看到了一段代码,所以修改了下就拿来用了。另外,因为我的文章有两个...

Drupal7模块multiselect使用

Drupal二次开发的时候,我们时常要使用到多选列表,但是官方默认的多选下拉列表,是在不敢恭维如下图所示:     不过难看不可怕,Drupal有两万第三方模块做支撑,只有你想不到,没有找不到...
  • marixh
  • marixh
  • 2013年09月17日 15:56
  • 606

drupal7 扩展模块 Sildeshow

  • 2012年04月27日 15:34
  • 340KB
  • 下载

drupal7 扩展模块 headimage

  • 2012年04月27日 15:44
  • 9KB
  • 下载

Drupal7 常用配置

1、设置默认时区 导航到“首页》管理》配置》地方和语言》区域设置”,如图所示(路径为admin/config/regional/settings) 我们的设置如表所示: 属 性 值 默认...

drupal7中常用模块的语言包

  • 2013年09月24日 16:02
  • 379KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Drupal7 安装 CKEditor 和 IMCE 模块 及配置
举报原因:
原因补充:

(最多只允许输入30个字)