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

转载 2012年03月22日 16:21:38

一、用IMCE模块上传图片

效果图如下:


首先启用IMCE模块

然后按照下面三步就可以轻松搞定

   1. Open /sites/modules/ckeditor/ckeditor.config.js

     打开modules/ckeditor目录下的ckeditor.config.js

   2. Uncomment the following lines (remove "//") in ckeditor.config.js:

      //config.extraPlugins += (config.extraPlugins ? ',imce' : 'imce' );

      //CKEDITOR.plugins.addExternal('imce', Drupal.s

ettings.ckeditor.module_path + '/plugins/imce/');

   3. Add button to the toolbar. The button name is: IMCE. 

      For example if you have a toolbar with an array of buttons defined as follows:

      ['Link','Image']

      simply add button at the end of array (or somewhere in the middle):

      ['Link','Image','IMCE']

      (remember about single quotes).

添加IMCE后在其toolbar上出现相应的图片,如上面的效果图


二、ckfinder来实现上传图片及文件

1、http://ckfinder.com/下载最新版本的ckfinder

2、解压文件放在sites/modules/ckeditor/里面,完成后的路径如下:

3、在用户管理下配置权限allow CKFinder file uploads(如果没有找到,则说明文件放置有问题,请参考第二步)

   4、打开CKFinder 配置文件 (sites/all/modules/ckeditor/ckfinder/config.php) 

         I) 删除 CheckAuthentication() 函数

        (不要担心,这个函数在filemanager.config.php还有一个)

          II) $baseDir = resolveUrl($baseUrl);下面添加一行

        require_once '../../../../includes/filemanager.config.php';

   5、在站点配置中配置ckeditor,在File browser settings中选中ckfinder

   6、修改settings.php(一般路径为 sites/default/settings.php),去掉变量$cookie_domain前面的 ‘#’或‘//,即是启用变量$cookie_domain。注意settings.php为只读文件,修改之前请更改属性,修改完毕再更改为只读

   7、到此,配置结束,如下图:


http://hi.baidu.com/marvin1023/blog/item/707a2faef29fdc044a36d66b.html


CKEditor标准版添加上传图片和文件

CKEditor标准版添加上传图片和文件
  • zhulin40
  • zhulin40
  • 2016年07月13日 17:18
  • 1070

django-ckeditor upload image and settings 完全解决方案。实践出真知

题外话:被一个Bug卡半天很正常。。。我也习惯了没有人教你怎么做怎么搞。。。自己动手丰衣足食。。呵呵!PreFace: 个人项目用到了ckeditor 前面配置,使用什么都很简单流水设置。。...
  • Z_LiT0
  • Z_LiT0
  • 2016年07月17日 20:55
  • 2206

在项目中使用最新的ckeditor4.3.1的全过程+增加自己的上传本地图片按钮及将上传图片返回、保存

在做一个购物网站,产品简介里需要添加图片或者更多的编辑方式来描述产品,就需要html编辑器,网上现有的都是很古老的版本,界面不好看。于是去了ckeditor的官网上下载了最新的版本,蹩脚的英语加上网页...
  • wangcunxin_
  • wangcunxin_
  • 2013年12月13日 20:13
  • 3478

CKEditor3.x 在Java项目中配置、包括图片上传(支持FTP、图片压缩)

CKEditor 3.x配置说明 一、基本使用:  1、所需文件架包 A. Ckeditor基本文件包,比如:ckeditor_3.6.2.zip   下载地址:http://ckeditor...
  • itchiang
  • itchiang
  • 2012年04月24日 14:17
  • 3107

ckeditor和ckfinder配合使用上传图片

在我的down中下载 ckeditor和ckfinder包 把ckeditor和ckfinder两个文件夹解压到同一个文件夹下 c#下新建asp web 窗体应用 在项目目录下拉入解压出...
  • qq_32454729
  • qq_32454729
  • 2016年10月30日 18:46
  • 147

CKEditor图片上传实现详细步骤(使用Struts 2)

本人使用的CKEditor版本是3.6.3。CKEditor配置和部署我就不多说。 CKEditor的编辑器工具栏中有一项“图片域”,该工具可以贴上图片地址来在文本编辑器中加入图片,但是没有图片上传。...
  • xiao__gui
  • xiao__gui
  • 2012年06月22日 13:37
  • 19625

CKEditor文件上传

File Browser (Uploader)CKEditor can be easily integrated with an external file browser/uploader. Onc...
  • cui55
  • cui55
  • 2009年12月24日 14:46
  • 7077

PHP中使用CKEditor上传图片

Ckeditor下载地址:http://ckeditor.com/download 1、在页面中引入ckeditor核心文件ckeditor.js2、在使用编辑器的地方插入HTML控件...
  • vailook
  • vailook
  • 2017年09月25日 11:29
  • 697

ckeditor批量上传图片(下)

在前篇博文中关于ckeditor批量上传图片讲解了如何添加一个插件,但是还没有上传图片的功能,现在,且简单讲讲如何实现这个功能! 这个功能的实现主要依赖于image.html和image_uploa...
  • QiuDW_01
  • QiuDW_01
  • 2015年08月19日 16:53
  • 1613

CKEditor+SWFUpload实现功能较为强大的编辑器(二)---SWFUpload配置

在前面配置完CKEditor之后,就可以
  • qq1010885678
  • qq1010885678
  • 2014年07月07日 16:22
  • 1168
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:drupal ckeditor模块配置上传图片及文件(IMCE,ckfinder)
举报原因:
原因补充:

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