如何在Quill Image Editor中剥离格式

Question

当前Quill Editor将以BASE64图像格式保存图像。现在很好。

但是，如何确保羽毛笔仅保存base64内容，而没有格式化？

这就是将图像保存在DB中后的外观。

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

基本上，我想脱掉" ＆lt; p> "和＆lt;IMG SRC = 标签。

我只想保留数据：Image/png; base64，IVBXXXXXXXXXXX 。我可以在Quill模块上做任何设置吗？

Answer 1

如果将字符串切片是一种可行的方法，则类似的方法应该适合您当前格式：

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);

祝你好运！

Answer 2

不确定模块，但是您可以使用以下内容将所有图像放入数组中：

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);

这为您提供了一个以下数组：

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