如何在 TinyMCE 中將圖像編碼為 base64？

Question

這是我的 TinyMCE 配置的一部分：

{
...
plugins: 'code paste',
paste_data_images: true,
...
}

當我在 TinyMCE 中通過簡單的拖放添加圖片時，本地圖像將顯示為 Blob 編碼圖像。 我想編碼為base64。 找不到任何關於它的信息。 只有這個：

images_upload_handler: function (blobInfo, success, failure) {
    success("data:" + blobInfo.blob().type + ";base64," + blobInfo.base64());
}

我能做些什么？

Answer 1

當這些圖像被發送到服務器時，它們確實是 Base64 編碼的圖像。 將內容粘貼/拖動到編輯器中時，瀏覽器只會向您顯示一個 blob URL。

如果您查看此文檔頁面，它概述了在將圖像粘貼/拖動到編輯器時可以配置 TinyMCE 執行的操作：

實際上，當 TinyMCE 將圖像發送到服務器時，您需要服務器端代碼來處理圖像。 大多數人不需要為客戶端編寫自己的圖像處理代碼 - 您只需配置images_upload_url參數來告訴編輯器將文件發送到哪里：

真正的工作是在上傳文件后如何處理該文件 - 這是您需要編寫的服務器端代碼來處理 Base64 圖像並將其存儲在您的服務器上。 然后返回 JSON，告訴 TinyMCE 為圖像的src屬性輸入什么。

此處介紹了上傳圖像后執行操作的過程：