How to replace a String in a String in Javascript?

Question

I can not replace the string.

The String comes from a textarea

Here the JSFiddle

value.replace('[Bold]', '<strong>');

If you want to replace multiple then use regex with global flag `value = value.replace(/\[Bold\]/g, '');` — Pranav C Balan, Mar 31 '19 at 18:57
Read docs for replace().... it returns a new string, it does not mutate original and only works on first instance — charlietfl, Mar 31 '19 at 18:57

score -2 · Accepted Answer · answered Mar 31 '19 at 19:00

The problems with you code are

To handle some test text use g flag is RexExp
You [] and / should be escaped using \ in RegExp
Strings are immutable. You need to assign them new value. value.replace(...) will not change orginal string

    $('.description:not(.focus)').keyup(function(){
        var value = $(this).val();
        var contentAttr = $(this).attr('name');
        
        value = value.replace(/\[Bold\]/g, '<strong>');
        value = value.replace(/\[\/Bold\]/g, '</strong>');

        value = value.replace(/\[Italic\]/g, '<em>');
        value = value.replace(/\[\/Italic\]/g, '</em>');

        value = value.replace(/\[Underline\]/g, '<u>'); 
        value = value.replace(/\[\/Underline\]/g, '</u>');
        $('.'+contentAttr+'').html(value.replace(/\r?\n/g,'<br/>'));
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
start typeing in textarea whatever text you type it will also apear in div which has class <strong>'content'</strong> but when I press enter for new line in textarea when i get the problem  div named   <strong>'content'</strong>  will not making new line please help

<br/>
<textarea name="description" rows="15" class="description"></textarea>
<p>&nbsp;</p>
<div class="description" >Texts Comes here</div>

How to replace a String in a String in Javascript?

1 Answers1