So entfernen Sie die Formatierung im Quill-Bildbearbeitungsprogramm

Question

Der Quill-Editor speichert das Bild im base64-Bildformat. Das ist im Moment in Ordnung.

Aber wie stelle ich sicher, dass die Feder den base64-Inhalt nur und ohne diese Formatierung speichert?

So würde es aussehen, nachdem das Bild in der Datenbank gespeichert wurde.

<p><img src="data:image/png;base64,iVBXXXXXXXXXXXXXXXXXXXXXXXXXXX"></p> 

Grundsätzlich möchte ich "< p>" und < img src = Tags abzustreifen.

Ich möchte Daten behalten: image/png; base64, iVBXXXXXXXXXX nur. Gibt es eine Einstellung, die ich bei den Federkernmodulen machen kann?

Answer 1

Wenn die Zeichenfolge Schneiden ein machbar Ansatz ist, so etwas wie dies sollte für die aktuelle Format arbeiten:

var str = '<p><img src="data:image/png;base64,iVBXXXXXXXXXXXXXXXXXXXXXXXXXXX"></p>' 
var srcPosition = str.indexOf('src'); 
var pEndPosition = str.indexOf('</p>'); 
var strippedString = str.slice(srcPosition + 5, pEndPosition - 2); 

Viel Glück!

Answer 2

Nicht sicher Module, aber man könnte etwas so etwas wie die unten verwenden, um alle Bilder in ein Array zu erhalten:

function GetImageData(str) { 
    var retArray = []; 
    var regexPattern = /src="([^"]+)/gi; 
    var matches = str.match(regex); 
    for (var i = 0;i < matches.length;i++) { 
     retArray.push(matches[i].replace('src="','')); 
    } 
    return retArray; 
} 

var test = '<p><img src="data:image/png;base64,iVBXXXXXXXXXXXXXXXXXXXXXXXXXXX"></p><p><img src="data:image/png;base64,iVBYYYYYYYYYYYYYYYYYYYYYYYYYYY"></p><p><img src="data:image/png;base64,iVBZZZZZZZZZZZZZZZZZZZZZZZZZZZ"></p>'; 

var result = GetImageData(test); 

Dies gibt Ihnen ein Array mit den folgenden:

"data:image/png;base64,iVBXXXXXXXXXXXXXXXXXXXXXXXXXXX" 
"data:image/png;base64,iVBYYYYYYYYYYYYYYYYYYYYYYYYYYY" 
"data:image/png;base64,iVBZZZZZZZZZZZZZZZZZZZZZZZZZZZ"