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

Question

我是新来的角js，我在我的一个项目中使用了tinymce。在编辑器中他们可以上传任何没有。的图像。我想检查是否有任何方法使用angularJs或tinymce插件提取所有图像。

Answer 1

您可以使用regex提取所有图像src属性。这个简单的fiddle demo告诉你如何使它与tinymce一起工作。我已经从question获取了getAtttrFromString()函数。

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