有没有办法从 tinymce 中提取图像 src 属性？

Question

我是 angular js 的新手，我在我的 projects.In 编辑器中使用 tinymce，他们可以上传任何没有。的图像。我想检查是否有任何方法可以使用 angularJs 或 tinymce 插件提取所有图像。

Answer 1

您可以使用 regex 提取所有图像 src 属性。这个简单fiddle demo shows you how to make it work with tinymce. I've took the getAtttrFromString() function from this question。

function getAttrFromString(str, node, attr) {
    var regex = new RegExp('<' + node + ' .*?' + attr + '="(.*?)"', "gi"), result, res = [];
    while ((result = regex.exec(str))) {
        res.push(result[1]);
    }
    return res;
}

var arrayOfImageSrcs = getAttrFromString(
  '<img src="http://placekitten.com/350/300"><img src="http://placekitten.com/350/300">', 
  'img', 
  'src'
);

有没有办法从 tinymce 中提取图像 src 属性？

Is there any way to extract image src attribute from the tinymce?

angularjs

tinymce-4

rich-text-editor