Question

目前，quill编辑器将以base64图像格式保存图像。现在这很好。

但是如何确保quill仅保存base64内容而没有这些格式？

这是将图像保存在数据库中后的样子。

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

基本上我想剥离“＆lt; p＆gt; ”和＆lt; img src = 标签。

我只想保留数据：image / png; base64，iVBXXXXXXXXXX 。我对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"

如何在Quill图像编辑器

2 个答案: