zbiór danych URI w TinyMCE

Question

opcje startowe

TinyMCE

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

paste_data_images: true opcja oznacza, że ​​data:url obrazów (zdjęć inline) NIE powinien być usunięty z wklejonych zawartość (patrz docs).
Używam TinyMCE 4.2.8. Wewnątrz base64img wtyczki Pisałem następujący kod

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 

do embed an image który jest ładowany do pamięci jako base64 string. Po wykonaniu polecenia img src jest przekształcany pod w . Dlaczego?

Działa (obrazy są wyświetlane), ale chcę przechowywać obrazy jako data: zamiast przesyłać je na serwer i przechowywać jako blob. Jak zmienić to zachowanie?

Answer 1

Zdjęcie jest zapisywane wewnętrznie jako 'data:image/png;base64,...=', więc nie musisz się martwić. Brak przesyłania, 'blob:http%3A//localhost%3A8080/...' służy do wyświetlania tylko informacji o obrazie.