thinkphp3.23整合ckeditor和ckfinder最新版本4.0和3.3

首先准备材料:tp3.23框架,去官网下载CKeditor和CKfinder

我的开发工具是netneans

解压tp框架并包含此目录,之后将下载的CKeditor和。CKfinder文件放在Public文件夹下

thinkphp3.23整合ckeditor和ckfinder最新版本4.0和3.3_第1张图片

随后在application/home/Controller下创建控制器(这个可以随意创建)我的是:StudentController.class.phpthinkphp3.23整合ckeditor和ckfinder最新版本4.0和3.3_第2张图片

打开

写上如下代码:

thinkphp3.23整合ckeditor和ckfinder最新版本4.0和3.3_第3张图片

建立模板文件application/home/View/下建立文件夹student,在student文件夹下建立student_answer.html文件,写上如下代码(这部是引入ckeditor和ckfinder(并且配置ckfinder)):

<pre>

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="__PUBLIC__/ckeditor/ckeditor.js"></script>
        <script src="__PUBLIC__/ckfinder/ckfinder.js"></script>
        
    </head>
    <body>
        <form action="__SELF__" method="post"> 
            <textarea name="myEditor" id="myEditor" ></textarea>
                <input type="submit" value="提交">
        </form>


        
        <script>
        CKEDITOR.replace( 'myEditor', 
                { 
                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>



</pre>

运行结果显示(地址访问:http://localhost/thinkphp_3.2.3/index.php/home/student/student_answer)

thinkphp3.23整合ckeditor和ckfinder最新版本4.0和3.3_第4张图片

恭喜您已经成功引入了CKeditor

而后是最重要的部分

要想成功上传还需要配置ckfinder

打开public目录下的ckfinder/config.php(并且要开启php_fileinfo否则会报错)

thinkphp3.23整合ckeditor和ckfinder最新版本4.0和3.3_第5张图片修改baseUrl地址传到你想要的地方并且必须是绝对路径。

继续找到下图位置搜索(auth)就能找到。更改为return TRUE;(默认为false,会出现上传错误因为权限不足)

thinkphp3.23整合ckeditor和ckfinder最新版本4.0和3.3_第6张图片

至此附件上传就成功应用了。让我们来测试一下

thinkphp3.23整合ckeditor和ckfinder最新版本4.0和3.3_第7张图片

成功!

thinkphp3.23整合ckeditor和ckfinder最新版本4.0和3.3_第8张图片

单击确定

thinkphp3.23整合ckeditor和ckfinder最新版本4.0和3.3_第9张图片

至此您已经成功引入并能上传附件了,恭喜,有没有点小惊喜,又学会了一个新技能!

你可能感兴趣的:(ckeditor配置,thinkphp3.23,Ckfinder配置)