thinkphp引入百度编辑器

ueditor直接百度搜索下载就可以了，下载将解压之后的文件拷贝到你要存放这个工具的地址。

前端页面设置：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <!--编辑器主体-->
        <textarea name="info" id="info" style="width:1024px;height:500px;"></textarea>
</body>
<!--jquery文件-->
<script type="text/javascript" src="{$smarty.const.JS}/jquery.min.js"></script>
<!--百度编辑器文件-->
<script type="text/javascript" charset="utf-8" src="{$smarty.const.__ROOT__}/Application/Tools/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="{$smarty.const.__ROOT__}/Application/Tools/ueditor/ueditor.all.js"></script>
<script type="text/javascript" charset="utf-8">
    window.UEDITOR_HOME_URL = "{$smarty.const.__ROOT__}/Application/Tools/ueditor/";
    $(document).ready(function () {
        UE.getEditor('info', {
            initialFrameHeight: 500,
            initialFrameWidth: 1050,
            serverUrl: "{$smarty.const.__CONTROLLER__}/save"
        });
    });
</script>
</html>

这里UE.getEditor 中的 info 就是 textarea的id名称，其中 serverUrl 就是重写了Ueditor上传的地址，默认是调用 ueditor组件的 controller.php 去上传的。

后端处理文件：

这里可以参考ueditor中php目录下的action_upload.php进行重写上传方法。

    public function save(){
        $CONFIG = json_decode(preg_replace("/\/\*[\s\S]+?\*\//", "", file_get_contents("config.json")), true);
        $action = $_GET['action'];
        switch ($action) {
            case 'config':
                $result =  json_encode($CONFIG);
                break;

            /* 上传图片 */
            case 'uploadimage':
            /* 上传涂鸦 */
            case 'uploadscrawl':
            /* 上传视频 */
            case 'uploadvideo':
            /* 上传文件 */
            case 'uploadfile':
                $upload = new \Think\Upload();
                $upload->maxSize=3145728;
                $upload->rootPath='./Public/Upload/';
                $upload->exts=array('jpg','gif','png','jpeg');
                $info=$upload->upload();
                if(!$info){
                    $result=json_encode(array(
                        'state'=>$upload->getError()
                    ));
                }else{
                    $url=__ROOT__."/Public/Upload/".$info['upfile']['savepath'].$info['upfile']['savename'];
                    $result=json_encode(
                        array(
                            'url'=>$url,
                            'title'=>htmlspecialchars($_POST['pictitle'],ENT_QUOTES),
                            'original'=>$info['upfile']['name'],
                            'state'=>'SUCCESS'
                        ));
                }
                break;

            /* 列出图片 */
            case 'listimage':
                $result = include("action_list.php");
                break;
            /* 列出文件 */
            case 'listfile':
                $result = include("action_list.php");
                break;

            /* 抓取远程文件 */
            case 'catchimage':
                $result = include("action_crawler.php");
                break;

            default:
                $result = json_encode(array(
                    'state'=> '请求地址出错'
                ));
                break;
        }
        /* 输出结果 */
        if (isset($_GET["callback"])) {
            if (preg_match("/^[\w_]+$/", $_GET["callback"])) {
                echo htmlspecialchars($_GET["callback"]) . '(' . $result . ')';
            } else {
                echo json_encode(array(
                    'state'=> 'callback参数不合法'
                ));
            }
        } else {
            echo $result;
        }
    }

如果出现图片无法添加，显示无法创建目录，确认一下自己目录的设置是否正确

另外，如果提示返回的数据格式错误，可以看一下自己是不是开了

 
  ' 
  SHOW_PAGE_TRACE 
  '       
  => 
  true, 
  // 
  使得网页底部显示跟踪信息 
 

thinkphp引入百度编辑器

猜你喜欢