ThinkPHP3.1.2中如何配置Ckeditor_4.1.1和Ckfindtor  
一、下载Ckeditor和Ckfinder 
Ckeditor官网 http://ckeditor.com/download 
解压ckeditor,放入test2(项目)/Public/ckeditor. (删除里边的smaple文件夹） 
Ckfinder官网 http://cksource.com/ckfinder/download 解压Ckfinder,放入test2(项目)/Public/ckfinder. (删除里边的_smaple和help文件夹）  
基本目录结构  
 
 
二、在TPL/Index/index.html模板中引入ckeditor 

<!DOCTYPE html>

<html> <head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>ThinkPHP3.1.2中如何配置Ckeditor_4.1.1和Ckfindtor</title>

<script type="text/javascript" src="__PUBLIC__/ckeditor/ckeditor.js"></script> </head> <body>  

<form action="__URL__/add" method="post"> <textarea name="content"></textarea> <input type="submit" value="提交" /> </form> 
<script type="text/javascript"> CKEDITOR.replace( 'content',{ 
filebrowserBrowseUrl : '__PUBLIC__/ckfinder/ckfinder.html', filebrowserImageBrowseUrl : 
'__PUBLIC__/ckfinder/ckfinder.html?type=Images', filebrowserFlashBrowseUrl : 
'__PUBLIC__/ckfinder/ckfinder.html?type=Flash', filebrowserUploadUrl : 
'__PUBLIC__/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files', 
filebrowserImageUploadUrl : 
'__PUBLIC__/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images', 
filebrowserFlashUploadUrl : 
'__PUBLIC__/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash', }); 
</script> </body> </html>  
三、配置ckeditor 
打开ckeditor/config.js进行配置 
config.language = 'zh-cn'; //配置语言 

config.uiColor = '#AADC6E'; //界面颜色 config.width = 700; //宽度  config.height = 350; //高度

这里是最基本的配置，其它配置可以从网上搜一下  

四、配置ckfinder,进行图片、falsh等上传功能 

1.在项目根目录下新建uploads文件夹

2.打开ckfinder/config.php文件 
把第33行中return false 改为 return true 
把第63行中$baseUrl 改为 $baseUrl = '/test2（项目）/uploads/';

五、控制器IndexAction.class.php中的代码 
<?php 
// 本类由系统自动生成，仅供测试用途 class IndexAction extends Action {     public function index(){ $this->display();     } 
    public function add(){      dump($_POST);     } } 
运行效果： 
 
注意： 
在上传中文文件时，会出现乱码，解决方法： 修改上传的文件名，打开
cdfinder/core/connector/php/php5/CommandHandler/FileUpload.php找到

if ($sFileName != $sUnsafeFileName) { 
      $iErrorNumber = CKFINDER_CONNECTOR_ERROR_UPLOADED_INVALID_NAME_RENAMED; } 
在后面加上下面这两句就可以解决中文乱码问题 
 $sExtension = CKFinder_Connector_Utils_FileSystem::getExtension($sFileName);  $sFileName = date("Ymd")."_".date("His").".".$sExtension;（这两句话是放在花括号后）

(使用步骤)ThinkPHP3.1.2中如何配置Ckeditor_4.1.1和Ckfindtor（转）的更多相关文章

  1. Hadoop在eclipse中的配置

    在安装完linux下的hadoop框架,实现完所现有的wordCount程序,能够完美输出结果之后,我们开始来搭建在window下的eclipse的环境,进行相关程序的编写. 在网上有很多未编译版本, ...

  2. Apache 2.4.7在CentOS6.4中安装配置反向代理解决单外网IP对应多个内网主机的方法实践

    欢迎转载,转载时请保留全文及出处. Apache 2.4.7在CentOS6.4中安装配置反向代理解决单外网IP对应多个内网主机的方法实践 Apache安装 下载源程序(http://httpd.ap ...

  3. JNDI在server.xml中的配置（全局和局部的）

    总结: 全局就是在数据源server.xml中配置,然后通过和项目名相同的xml来进行映射.对所有的项目都起作用.那个项目需要就在对应的tomcat下配置一个与项目名相同的xml映射文件. 局部的就是 ...

  4. Centos7中hadoop配置

    Centos7中hadoop配置 1.下载centos7安装教程: http://jingyan.baidu.com/article/a3aad71aa180e7b1fa009676.html (注意 ...

  5. 【学习总结】GirlsInAI ML-diary day-2-Python版本选取与Anaconda中环境配置与下载

    [学习总结]GirlsInAI ML-diary 总 原博github链接-day2 Python版本选取与Anaconda中环境配置与下载 1-查看当前Jupyter的Python版本 开始菜单选J ...

  6. struts2的占位符*在action中的配置方法

    转自:https://blog.csdn.net/u012546338/article/details/68946633 在配置<action> 时,可以在 name,class,meth ...

  7. Linux中安装配置spark集群

    一. Spark简介 Spark是一个通用的并行计算框架,由UCBerkeley的AMP实验室开发.Spark基于map reduce 算法模式实现的分布式计算,拥有Hadoop MapReduce所 ...

  8. Linux中安装配置hadoop集群

    一. 简介 参考了网上许多教程,最终把hadoop在ubuntu14.04中安装配置成功.下面就把详细的安装步骤叙述一下.我所使用的环境:两台ubuntu 14.04 64位的台式机,hadoop选择 ...

  9. 如何在CentOS系统中安装配置SNMP服务

    CentOS(Community Enterprise Operating System,中文意思是:社区企业操作系统)是Linux发行版之一,现在有一大部分服务器在使用此操作系统:SNMP(简单网络 ...

随机推荐

  1. 基于jq图片居中插件 [center]

    最近在做一个项目,大量的图片基于js进行缩放(图片放大镜),考虑用css要写许多hack,而已经基于jq了,干脆写个方法得了. 代码很简单,不用多讲但是很实用. $.fn.extend({ cente ...

  2. JavaScript学习总结【9】、DOM Ready

    1.DOM DOM(Document Object Model)即文档对象模型,是从文档中抽象出来的,DOM 操作的对象就是文档,DOM 将 HTML 文档呈现为带有元素.属性和文本的树结构,即节点树 ...

  3. 求算符文法的FIRSTVT集的算法

    原理 数据结构 G = {'key':[v1,v2,v3],'key':[v1,v2,v3]}; VN = []; Vt = []; FirstVT = {'key':[v1,v2,v3],'key' ...

  4. QSslError 类

    QSslError Class Header: #include <QSslError> qmake: QT += network Since: Qt 4.3 注意:这个类中的所有函数都是 ...

  5. Table view 备忘

    Table view 备忘 本篇会以备忘为主,主要是一些基础的代理方法和数据源方法具体的优化好点子会后续跟上. Table view的数据源方法 必须实现的数据源方法 // 返回每一行的cell,可以 ...

  6. ruby定时脚本

    ruby定时脚本的实现涉及到三个方面: 要定时执行的代码 定时控制(设置定时的时间) 将脚本后台化 实例: # in func.rb def func # the function body goes ...

  7. BZOJ 1831 逆序对

    Description 小可可和小卡卡想到Y岛上旅游,但是他们不知道Y岛有多远.好在,他们找到一本古老的书,上面是这样说的: 下面是N个正整数,每个都在\(1 \sim K\)之间.如果有两个数\(A ...

  8. UIKit的手风琴菜单，单条展开和多条同时展开

    这个也要进来看看哈. 记得加多个属性时的用法就可以了. 因为官网提供太多的SAPMLE啦.. http://www.getuikit.net/docs/accordion.html <div c ...

  9. TCP/IP小纪

    链 路 层 主 要 有 三 个 目 的 :( 1 )为 I P 模 块 发 送 和 接收 I P 数 据 报 ; ( 2 )为 A R P 模块发送 A R P 请 求 和 接 收 A R P 应 答 ...

  10. js之script属性async与defer

    概念 默认情况下js的脚本执行是同步和阻塞的,但是 <script> 标签有 defer 和 async 属性, 这可以改变脚本的执行方式,这些都是布尔类型了,没有值,只需要出现在 < ...