html in string remove inside of style - regex

Question

NOTE: This is a string and not an actual DOM element

I have this string

<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>

and I want to remove the content of style to be like this style="" but i dont know how using regex. Note only regex and not using removeAttr() of jquery

I already tried this regex /style="[^"]*/g but it removes the style string which is what i dont want to since i am comparing it to the original content that has an empty style

Please help

A DOM element never has an empty style attribute, if it is made empty, it is removed. — Teemu
– Teemu, Commented Jul 3, 2019 at 5:55
@Teemu I never said it is a DOM element, its a string which has HTML content. adding a NOTE for you to understand — Rashid
– Rashid, Commented Jul 3, 2019 at 5:56
"comparing it to the original content" The original content is not in the DOM? — Teemu
– Teemu, Commented Jul 3, 2019 at 5:58
That's awful, make a temporal element and use a HTML parser to manipulate a HTMLString. — Teemu
– Teemu, Commented Jul 3, 2019 at 6:00

Jack Bashford · Accepted Answer · 2019-07-03 06:23:37Z

1

Then just use replace with a capturing group:

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

answered Jul 3, 2019 at 6:23

Jack Bashford

44.3k11 gold badges56 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rashid Over a year ago

nice. this is what I am looking

Collectives™ on Stack Overflow

html in string remove inside of style - regex

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related