注意:

1、这里的ckeditor编辑器是独立模块,不是那个wysiwyg模块。
2、这里的图片上传仅仅为文章内图片,非字段图片。
 

1、下载文件
(1) http://drupal.org/project/ckeditor drupal的ckeditor模块
(2) http://ckeditor.com/download CKeditor源码
(3) http://ckfinder.com/download CKfinder(注意,不是免费的)

(4)http://www.drupal.org/project/transliteration (可选,上传图片重命名)

将ckedit文件夹放置在/sites/all/modules/下,
将CKeditor文件夹放置在/sites/all/modules/ckeditor/ckeditor文件夹下,
将CKfinder文件夹放置在/sites/all/modules/ckeditor/文件夹下。

正确路径为:

/sites/all/modules/ckeditor.api.php
/sites/all/modules/ckeditor/ckeditor/ckeditor/ckeditor.php
/sites/all/modules/ckeditor/ckfinder/ckfinder.php

2、安装模块

3、配置模块,/admin/config/content/ckeditor

4、配置CKfinder实现图片及文件上传

在配置中的File browser settings选项中 File browser type及以下两项选择CKfinder。

编辑ckfinder文件夹下的config.php

注释掉这个函数

function CheckAuthentication(){        return false;}

这个函数会检查用户认证,在其他程序设计中更改为其他认证方式以返回true,但不能直接改成true,否则会有安全问题,drupal中会有
/sites/all/modules/ckeditor/includes/filemanager.config.php负责检查。

增加以下代码,路径是正确的,如果文件路径和我的一样的话

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

注释

//$baseUrl = '/ckfinder/userfiles/';

5.配置/site/youdomain/settings.php文件

设置$baser_url
$base_url='http://localhst/drupal71';
设置$cookie_domain:
$cookie_domain='http://localhst/drupal71';

就可以正常上传图片及文件(超链接)了,注意显示图片的话需要文本格式Full HTML mode。

现在的解决方法是:上传用 IMCE

https://www.drupal.org/project/IMCE

#######################################

另外一种编辑器安装方法

安装

wysiwyg      https://www.drupal.org/project/wysiwyg  //一种整合编辑器的方式,下载 ckeditor 版本要低于4.0

IMCE        https://www.drupal.org/project/imce  //图片上传,在wysiwyg 配置文件里面改

imce_wysiwyg    https://www.drupal.org/project/imce_wysiwyg // 安装imce的桥

Drupal 7 配置ckeditor和ckfinder编辑器实现图片上传--不用wysisyg的更多相关文章

  1. kindeditor编辑器和图片上传独立分开的配置细节

    关于kindeditor编辑器上传按钮的异步加载最关键的部署问题,它的上传图片的组件都已经封装得很好了的,只需要监听到页面按钮的点击事件给编辑器对象传递一些对应的初始化参数即可显示图片上传的弹窗实现异 ...

  2. ASP利用xhEditor编辑器实现图片上传的功能。

    本人这几天在做一个软件,无意中用到xhEditor在线编辑器,这个编辑器虽然看着比较简单,但功能非常强大,大家可以去官网上查看,废话不说了. 这篇文件主要是实现在ASP环境中利用xhEditor编辑器 ...

  3. 在Asp.Net Core中配置使用MarkDown富文本编辑器实现图片上传和截图上传(开源代码.net core3.0)

    我们的富文本编辑器不能没有图片上传尤其是截图上传,下面我来教大家怎么实现MarkDown富文本编辑器截图上传和图片上传. 1.配置编辑器到html页 <div id="test-edi ...

  4. yii2解决百度编辑器umeditor图片上传问题

    作者:白狼 出处:http://www.manks.top/article/yii2_umeditor_upload本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原 ...

  5. easyui+webuploader+ckeditor实现插件式多图片上传-添加图片权限(图片上传人是谁,只能看到自己的图片)

    需求: 实现过程及思路 1.先页面布局 <html xmlns="http://www.w3.org/1999/xhtml"> <head runat=" ...

  6. easyui+webuploader+ckeditor实现插件式多图片上传

    需求:在ckeditor编辑器上实现多图片上传并要求另外单独选择ckeditor上传的图片作为封面 页面效果说明: 动态效果图: 第一步:页面布局 <html xmlns="http: ...

  7. 推荐ajaxfilemanager for tiny_mce 比较完善的tiny_mce编辑器的图片上传及图片管理插件PHP版 支持中文

    tiny_mce编辑器,我觉得挺简洁.好用的,但就是图片上传的插件是收费的,而且网上找了半天也没有找到开源好用的上传插件. 不过功夫不负有心人,终于还就被我找到一款相当满意的插件. 这个插件的名字叫a ...

  8. ckeidtor编辑器添加图片上传功能

    1.ckeditor默认没有上传图片功能,只能通过Url显示图片,图下图 2.首先说明,ckeditor是有上传功能的,只是隐藏了,需要通过配置让它显示 找到ckeditor/plugins/imag ...

  9. 关于移动手机端富文本编辑器qeditor图片上传改造

    日前项目需要在移动端增加富文本编辑,上网找了下,大多数都是针对pc版的,不太兼容手机,当然由于手机屏幕小等原因也限制富文本编辑器的众多强大功能,所以要找的编辑器功能必须是精简的. 找了好久,发现qed ...

随机推荐

  1. How to get current timestamps in Java

    How to get current timestamps in Java Timestamp timestamp = new Timestamp(System.currentTimeMillis() ...

  2. Vue style 深度作用选择器 >>> 与 /deep/(sass/less)

    传送门:https://vue-loader-v14.vuejs.org/zh-cn/features/scoped-css.html 你很可能会遇到的问题 vue组件编译后,会将 template ...

  3. Vue 中组件概念

    1 为了能在模板中使用,组件必须先注册以便 Vue 能够识别.这里有两种组件的注册类型:全局注册和局部注册. 1.1 全局注册是通过Vue.component 来向Vue注册,例子 Vue.compo ...

  4. 微信小程序-实现分享(带参数)

    微信小程序分享功能的实现方法有两种: 第一种 在page.js中实现onShareAppMessage,便可在小程序右上角选择分享该页面 onShareAppMessage: function () ...

  5. react-native 入门教程

    http://blog.csdn.net/a_zhon/article/category/7170315 几篇文章看下来基本就入门了

  6. href="javascript:void(0)" 的用法

    href=”javascript:void(0);”这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址,而void(0)表示一个空的方法,也就是不执行js函数. 为什么要使用href=” ...

  7. HTTP报文头Accept和Content-Type总结

    1.Accept属于请求头, Content-Type属于实体头. Http报头分为通用报头,请求报头,响应报头和实体报头. 请求方的http报头结构:通用报头|请求报头|实体报头 响应方的http报 ...

  8. Storm工作流程

    为什么storm的数据来自于消息队列? Storm的解决问题的scope主要在于流计算,说流计算之前我们先简单的说下一般数据处理系统的过程.一般数据处理简单说要有几个环节:数据采集,数据计算,结果输出 ...

  9. 配置ssh的config文件-为每个ssh连接创建别名

    其实选来选去,还是iterm2就够用了,唯一比较麻烦的就是每次都有输入地址和用户名,其实,可以通过配置文件简写的. 可以在 ~/.ssh/config文件写上配置alias信息,以后ssh的时候根据a ...

  10. 部署到Google App Engine时中途退出后引起的问题

    如果部署GAE时正在upload files时退出,下次部署时会报错 Another transaction by user is already in progress for this app a ...