vue.js - vue富文本編輯器推薦以及php處理base64

Question

vue2富文本編輯器推薦以及php處理base64
現在想用vue2做一個PC端文章發布頁面
需要用到富文本編輯器
前端圖片透過base64來展示
等使用者真正提交以後再儲存到伺服器
現在想請教一下
1.Vue2有沒有什麼成熟的富文本編輯器，圖片採用base64展示
2.php後端接收到富文本內容$_POST ['content']怎麼提取圖片並保存然後將base64替換成url？

有沒有比較成熟的解決方案？

Answer 1

試試VUE-QUILL-EDITOR，連結：https://github.com/surmon-chi...

Answer 2

編輯器部分樓上的就可以。 。圖片base64剛好前兩天做過，前台展示應該沒問題，下面給你貼一下後台的程式

        //图片处理
        $base_file=APP_PATH.'../public';
        $file='/upload/image/'.date('Ymd',time()).'/';
        //检查是否有该文件夹，如果没有就创建，并给予最高权限
        if(!file_exists($base_file.$file)){
            $rs=mkdir($base_file.$file, 07777,true);
        }
        foreach ($info['images'] as &$val) {
            //匹配文件格式
            if (preg_match('/^(data:\s*image\/(\w+);base64,)/', $val, $result)){
                $type=$result[2];
                if (file_put_contents($base_file.$file.md5($val).'.'.$type, base64_decode(str_replace($result[1], '', $val)))){
                    $val=$file.md5($val).'.'.$type;
                }
            }            
        }

我這裡上傳的是個數組，你要是單張就不用循環了，直接轉換一下