vue.js – Empfehlung für den Vue-Rich-Text-Editor und PHP-Verarbeitung base64

Question

Vue2-Rich-Text-Editor-Empfehlung und PHP-Verarbeitung base64
Jetzt möchte ich vue2 verwenden, um eine PC-seitige Artikelveröffentlichungsseite zu erstellen
Sie müssen einen Rich-Text-Editor verwenden
Front-End-Bilder werden über base64 angezeigt
Warten Sie, bis der Benutzer tatsächlich Senden und dann auf dem Server speichern
Jetzt möchte ich fragen: Gibt es einen ausgereiften Rich-Text-Editor für Vue2? Die Bilder werden mit base64 angezeigt. content'], wie extrahiere ich das Bild, speichere es und ersetze dann base64 durch die URL?

Gibt es ausgereiftere Lösungen?

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;
                }
            }            
        }

我这里上传的是个数组，你要是单张就不用循环了，直接转换一下