Set dữ liệu URI trong TinyMCE

Question

TinyMCE tùy chọn init

$scope.tinymceOptions = { 
    plugins: 'base64img image imagetools paste ...', 
    relative_urls: false, 
    paste_data_images: true, 
    ... 
}; 

paste_data_images: true tùy chọn có nghĩa là data:url hình ảnh (hình ảnh inline) không nên bị loại khỏi nội dung dán (xem docs).
Tôi sử dụng TinyMCE 4.2.8. Bên base64img Plugin Tôi đã viết đoạn mã sau

var editor; // TinyMCE editor 
var imgData; // base64 image data string, like "data:image/png;base64,...=" 
editor.setContent("<img src='" + imgData + "' />", {format: 'raw'}); 

// editor.execCommand('mceInsertRawHtml', false, '<img src=\'' + imgData + '\' />'); // another way 

để embed an image được nạp vào bộ nhớ như chuỗi base64. Sau khi lệnh được thực hiện img src là kỳ diệu được chuyển đổi thành 'blob:http%3A//localhost%3A8080/...'. Tại sao?

Nó hoạt động (hình ảnh được hiển thị), nhưng tôi muốn lưu trữ hình ảnh dưới dạng data: thay vì tải chúng lên máy chủ và lưu trữ dưới dạng blob. Làm cách nào để thay đổi hành vi này?

Answer 1

hình ảnh được lưu trong nội bộ như 'data:image/png;base64,...=', do đó bạn không cần phải lo lắng. Không tải lên được thực hiện, 'blob:http%3A//localhost%3A8080/...' chỉ được sử dụng để hiển thị thông tin hình ảnh.