使用正则表达式验证图像标记

Question

我正在一个项目中使用文本编辑器在幕后生成样式内容，并使用html内容更新隐藏输入的值。

已针对该文本编辑器的特定版本开发了一个组件，该组件专注于仅上载单个图像。根据需要上传单个图像时，输入值的结构如下：

<input id='image' type='hidden' value='<p><img src="some url"></p>' />

我想生成一些正则表达式，它将捕获隐藏的输入值并对此<p><img src='...'/></p>结构进行验证，并取消任何其他结构的资格。即，将多个图像上传到编辑器中，上传后围绕该图像的任何文本，仅包含任何图像的文本，等等

使用正则表达式可以实现吗？像这样：

methods: {
        isValidImage(inputValue) {
            //validate with regex
            return isValid;
        }
    }

预先感谢

Answer 1

我实际上会使用XPath in JavaScript解决此问题。将字符串加载到DOMParser并查询src下的img的{​​{1}}属性的值：

p