Jquery Javascript Replace String

Question

The wysiwyg editor I'm using uses this to replace the <strong> with a span style. I modified to add a code block.

v=v.replace(/<strong>(.*)<\/strong>/gi,'<span style="font-weight: bold;">$1</span>');

This works fine until I highlight code with

v=v.replace(/<pre>(.*)<\/pre>/gi,'<div id="precode"> $1 </div>');

I have been looking and can't fine any info on replace. Can someone explain

Can someone explain this part of the code? I'm sure it will help others as well

.replace(/<strong>(.*)<\/strong>/gi,'

Is there something in this causing the it to add the new style to each line

if(id=='style'){
                var sel=document.createElement('select'),
                styles=obj.styles||[['Style',''],['Paragraph','<p>'],['Header 1','<h1>'],['Header 2','<h2>'],['Header 3','<h3>'],['Header 4','<h4>'],['Header 5','<h5>'],['Header 6','<h6>'],['CodeBlock','<pre>']],
                sl=styles.length, x=0;
                sel.className='testyle'; sel.onchange=new Function(this.n+'.ddaction(this,"formatblock")');
                for(x;x<sl;x++){
                    var style=styles[x];
                    sel.options[x]=new Option(style[0],style[1])
                }

replace is a string method which replaces wanted of the string with another. This wanted replacement could be regular expression too. In your case it means that it will find all <strong> tags and replace them with <span> tags (its a regular expression) — Janez
– Janez, Commented Aug 6, 2011 at 16:30

ShankarSangoli · Accepted Answer · 2011-08-06 16:33:31Z

1

When you pass the string to find in /.../gi it looks for all the occurences of that string in the origincal string and replaces it by the string we pass as second parameter. It does not modify the original string so you have to assign its output to some variable in order to use it. I hope this makes sense.

answered Aug 6, 2011 at 16:33

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

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

1 Comment

MHowey Over a year ago

If I wrap this < pre> blah blaeeh </ pre> everything works fine but if I wrap this < pre> blah <br> blaeeh </ pre> It wraps them both like div id="precode">blah < /div> div id="precode">blaeeh< /div>

Collectives™ on Stack Overflow

Jquery Javascript Replace String

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