不需要把 div#editor 的值丟到 input#content 也能夠使 ajax 抓到data並送給php處理？

Question

我使用 quill 編輯器
他是在ＤＩＶ區塊編輯文本

<div id="editor" class="ql-editor"></div>
<input type="hidden" name="content" id="content">

ajax

$("#form").submit(function(e){ 
// ...

var formData = new FormData($("#form")[0]);

formData.append('content', document.querySelector(".ql-editor").innerHTML);

        $.ajax({
            type:"POST",
            url:"xxx.php,
            data: formData,
            enctype: 'multipart/form-data',
            cache: false,
            contentType: false,
            processData: false,
            success:function(data){
                //...
            }
        });

我會先把 .ql-editor 的內容丟給表單中的 content
然後再給 php 處理
但是現在有問題是因為 quill 上傳圖片是使用 base64
因此當我把有圖片的內容丟給 input value時會錯誤
因為裡面有附帶語法是 <img src="data:....">
這樣沒辦法直接丟到 input的value 裡面使用
請問這要怎麼解？

簡單來說就是
怎麼樣使我不需要把 div#editor 的value丟到 input#content 裡面，也能夠讓 ajax 抓到data並送給php處理？

Answer 1

为什么不考虑下将base64的字符串分离出来呢，这样不就可以放到input里面了？

Answer 2

倒是没用过这编辑器, 不过按理说不用把内容放到input中吧, #editor上加个name属性应该就能正常获取表单内容了吧