19、ThinkPHP使用UEDITOR百度编辑器的方法

阅读() @2018-07-15 14:13:39

用ThinkPHP做后台框架,免不了要发布文章,如果自己写编辑器的话,工作量太大,效率不高,所以可以使用百度WEB前端部门研发的UEDITOR编辑器,配置很简单。

首先注意一下,我用的ThinkPHP版本是3.1.3,点击下载;Ueditor版本是1.4.2,点击下载

第一步:下载完成之后,按照正常步骤部署ThinkPHP,然后我的ueditor是放在Public文件夹下,与js、css等文件是同一个目录。

第二步:在前端模板页面配置ueditor:

<!-- 配置文件 -->
<script type="text/javascript" src="__PUBLIC__/ueditor/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="__PUBLIC__/ueditor/ueditor.all.js"></script>
<!-- 实例化编辑器 -->
<script type="text/javascript">
	window.UEDITOR_HOME_URL = '__PUBLIC__/ueditor/';//ueditor文件所在位置
	window.UEDITOR_CONFIG.imageUrl = '{:U("Admin/Article/uploadImages")}';//上传图片使用自己的类方法
	window.UEDITOR_CONFIG.imagePath = '__PUBLIC__/uploads/';//图片保存的位置
	var ue = UE.getEditor('content');
</script>

第三步:PHP控制器里新建图片上传的方法uploadImages:

//上传图片
public function uploadImages(){
    //引入think上传类
    import('ORG.Net.UploadFile');
    $upload = new UploadFile();
    //开始上传
    if($upload->upload('./APP/Public/uploads/')){
        $info = $upload->getUploadFileInfo();
        //添加水印
        import('ORG.Util.Image');
        Image::water('./APP/Public/uploads/'.$info[0]['savename'], './APP/Public/images/close.png');
        echo json_encode(array(
            'url' => $info[0]['savename'],
            'title' => htmlspecialchars($_POST['pictitle'], ENT_QUOTES),
            'original' => $info[0]['name'],
            'state' => 'SUCCESS'
        ));
    }else{
        echo json_encode(array(
            'state' => $upload->getErrorMsg()
        ));
    }
}

完!

微信二维码
锐壳主机