1 reply

Need help with my JavaScript RegEx

I working on a JavaScript program to output formatted span tags to be pasted into a

pre

pre

tag for code blocks in my blog posts.

1. I got a RegEx to capture the double-quotes and content in between them for some HTML attributes.
2. I have an HTML entities conversion function for

< > ' " and &

< > ' " and &

and I use the result to add a span tag with a class for a paragraph

class

class

and image

src

src

but not tor a

title

title

tag without any attributes.
3. Then I output the html entity conversions with the span tags around them, plus a different span and class around each line.

I'm getting the result I want but for some reason my

class

class

and

src

src

values out outputting twice. It looks like my RegEx is returning an array of 2 matches for each attribute. I wrote another function called

matches

matches

to convert the array to a string and use that output to write to the DOM but I'm getting an error:

line.match is not a function

line.match is not a function

at line 75 of my JS code. Any help or insight into what I'm doing wrong would be greatly appreciated.

In my CodePen pen I have a comment and example in the code block of what I want, and then the problem code is below that. The actual code is in the light gray area above the code block: https://codepen.io/jim-kernicky/pen/xxJrwXz

CodePenJim Kernicky

Pre tag problem

...

KP-C

Kevin Powell - Community•4y ago•

1 reply

Kernix

Need help with my JavaScript RegEx

I working on a JavaScript program to output formatted span tags to be pasted into a

pre

pre

tag for code blocks in my blog posts.

1. I got a RegEx to capture the double-quotes and content in between them for some HTML attributes.
2. I have an HTML entities conversion function for

< > ' " and &

< > ' " and &

and I use the result to add a span tag with a class for a paragraph

class

class

and image

src

src

but not tor a

title

title

class

class

and

src

src

values out outputting twice. It looks like my RegEx is returning an array of 2 matches for each attribute. I wrote another function called

matches

matches

to convert the array to a string and use that output to write to the DOM but I'm getting an error:

line.match is not a function

line.match is not a function

CodePenJim Kernicky

Pre tag problem

...

Need help with my JavaScript RegEx

Need help with my JavaScript RegEx

Similar Threads

Similar Threads

Similar Threads