用于过滤html属性问题的正则表达式条件＆＃34;＆gt;＆＃34;

Question

我的目标是获取一个正则表达式，该表达式可以获取几乎任何html标记的属性名称和属性值。 我目前正在使用vuejs（这是使这一点变得棘手的部分），例如，当> char出现在条件上时，我遇到了问题。

我目前的正则表达式：(\S+)=["]?((?:.(?!["]?\s+(?:\s+)=|[>"]))+.)["]?

我的字符串示例：

<input type="text"
    class="form-control component-input-style"
    v-if="(!valueType || (valueType == 'email' || valueType == 'phone'))"
    v-model="currentValue"
    v-attr="data-min-length: minLength, data-max-length: maxLength, data-integer-only: integerOnly"
    v-class="disabled: disabled"
    size="{{ value && value > 10 ? value.length : 10 }}"
    v-on="keyup: detectKeystroke, keypress: filterValues, blur: onBlur, focus: onFocus">

当表达式到达＆＃34; size="{{ value && value > 10 ? value.length : 10 }}＆＃34时，会发生什么？它假设> char正在关闭标记，而不是......

是否有人找到此正则表达式的修复程序？

感谢。