HTML в строке удалить внутри стиля - регулярное выражение

Question

Примечание: Это строка, а не фактический элемент DOM

У меня есть эта строка

<p><span contenteditable="true"><span contenteditable="false" data-role="img-crop"><img alt="" data-role="img-resizable" data-x="0" data-y="0" draggable="false" height="146" src="temporary/e78f4ed1-9f8b-443b-b6b0-678c6dad97bd.jpg"  width="293" /></span></span> &lt;span&gt;small&lt;/span&gt;<span contenteditable="true"><span contenteditable="false" data-role="img-crop"><img alt="" data-role="img-resizable" data-x="0" data-y="0" draggable="false" height="208" src="temporary/eeaf1f44-5c17-48f6-9204-210b64f79f98.jpg" style="cursor: pointer" width="554" /></span></span> </p><p>dsadsadas<br /></p>

и я хочу удалить содержимое style, чтобы это было похоже на style="", но я не знаю, как использовать регулярные выражения. Обратите внимание только на регулярное выражение и не использовать removeAttr() jquery

Я уже пробовал это регулярное выражение /style="[^"]*/g, но оно удаляет строку стиля, чего я не хочу, так как я сравниваю ее с исходным содержимым с пустым стилем

Пожалуйста, помогите

Answer 1

Тогда просто используйте replace с группой захвата:

str = str.replace(/(style=")(?:[^"]*)(")/g, "$1$2");