Replace plain-text properly using jQuery

Question

This is Replace text script.

I call it like this:

$(document).ready(function() {
$('#test-id').replaceText(/\[this\]/g,'<b>').replace(/\[\/this\]/g,'</b>');
});

It should make bold [this] bold text [/this] only, HTML below:

<span id="test-id"> [this] This is some text that contains [/this] red color with bold text</span>

It should bold text only inside this [this][/this] , but problem is it also make bold others the text and not hide last [/this] one.

I also tried to call this one:

$('#test-id').replaceText(/\[this\]/g,'<b>');

So please advice how to replace only [this] This is some text that contains [/this], not other text and hide last [/this] one.

Please see Fiddle: http://jsfiddle.net/vw5b1szm/1/

Thanks.

Arun P Johny · Accepted Answer · 2015-03-14 14:02:17Z

1

You can do

$('#test-id').replaceText(/\[(\/)?this\]/g, '<$1b>');

Demo: Fiddle

Since you are doing dom based replacements you can't do it in 2 steps ie [this] and [/this] can't be replaced in 2 different calls instead you need to replace it in a single call to replaceText. Also you second replace is using replace not replaceText

answered Mar 14, 2015 at 14:02

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

3 Comments

Aariba Over a year ago

Hi, Arun one more thing is, when <span id="test-id"> [this] This is <i>some</i> text [/this] </span> Then it's not working, please help.

Arun P Johny Over a year ago

that is a problem with the plugin... it does not support text with dom elements in it to be replaced

Aariba Over a year ago

What is the line in this plugin we should Change, there any advice please.

Collectives™ on Stack Overflow

Replace plain-text properly using jQuery

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related