今天天气

在thinkphp6中使用kindeditor

37°5 Thinkphp框架

一、首先先访问Kindeditor官网

地址为：http://kindeditor.net/doc.php

二、下载它的压缩包，里面包含了一些文件，大家自己看着要吧。

这里我只选了php的文件和它的基础库，如图所示：


三、然后把下的文件包放入tp6的项目中，为了方便，我放在了根目录里的“static”文件下。然后到你要配置的html文件里配置代码，如下：

对PHP的话文件包里的php文件夹里会有一个demo文件作为配置例子，大家可以选择去看。

这里我为了方便就把创建编辑器的js代码放入了CreateKindeitor.js里，方便需要的页面引用，代码为： 


KindEditor.ready(function(K) {
    window.editor = K.create('#content',{
        width : '800px',
        height:'500px',
//            cssPath : '../plugins/code/prettify.css',
        uploadJson : '/static/ad/kindeditor/php/upload_json.php',   //指定上传文件的服务器端程序。
        fileManagerJson : '/static/ad/kindeditor/file_manager_json.php',//指定浏览远程图片的服务器端程序。
        allowFileManager : true,
        afterBlur: function(){this.sync();}
        // afterCreate : function() {
        //     this.sync();
        //     K.ctrl(document, 13, function() {
        //         K('form[name=form]')[0].submit();
        //     });
        //     K.ctrl(this.edit.doc, 13, function() {
        //         K('form[name=form]')[0].submit();
        //     });
        // }
    });


});


这里面的“#content”是获取html里的“

<textarea id="content" name="content">{$cates.content}</textarea>

”来定的，可以自己修改id值就行,然后在页面引用这个js就行了。

四、找到上面代码里的“uploadJson”,这里的上传代码是已写好的，在该包里的php文件里面。

我们找到 upload_json.php 文件后打开，然后找到下面的地方进行修改


尚未修改的代码为： 

//文件保存目录路径
$save_path = $php_path . '../attached/';
//文件保存目录URL
$save_url = $php_url . '../attached/';

然后根据你放的文件路径进行修改

我的修改为： 

//文件保存目录路径
$save_path = $php_path . '../../../../ueditor/';
//文件保存目录URL
$save_url = $php_url . '../../../../ueditor/';
当然这里的路径是根据大家配置图片存储的路径而定，我创建了ueditor文件夹进行存储。


配置了之后就可以在编辑器里愉快的玩耍了。


编辑由37°5原创，转载请注明来源，谢谢。

分享到：