how to replace every letter of a string without html tag in javascript regex

Question

My Code is given below,

var str = '<p>(a) test  <span style="text-decoration: line-through;">
test</span>&nbsp;<span style="font-family: arial, helvetica, sans-serif;">
123 test&nbsp;<span style="font-family: SutonnyMJ;"> test test &nbsp;
<span style="background-color: #008000;">test&nbsp;<span style="background-color: #ffffff;">
&nbsp;test <span style="color: #800080;">test</span></span></span></span></span></p>
<table style="height: 43px;" width="250"><tbody><tr><td>test</td>
<td>test</td></tr></tbody></table>';

for(var eq in G){
    var an=new RegExp(eq,"g");
    str=str.replace(an,G[eq]); //For Example an = /t/g and G[eq] = a For One Index 
}

If i use this string without HTML Tag , the result is perfect.

I want to make a regular express pattern -

1. it will not replace any HTML Tag(
Example:<p>,</p> <div>,</div>,&nbsp;,<br/>,<span>,</span>,<table>,</table> and etc) 
and HTML Tag Atrribute(Example : style etc).
2. it will not replace inner/element of HTML Tag(Eexample : span,div etc) if font-fmaily 
is not SutonnyMJ (font-family: SutonnyMJ) in style attribute ;

I assume that test will be abca after replace.

The Result String is given below ,

result_str ='<p>(a) abca <span style="text-decoration: line-through;">
abcd </span>&nbsp;<span style="font-family: arial, helvetica, sans-serif;">
123 test&nbsp;<span style="font-family: SutonnyMJ;"> abca abca &nbsp;
<span style="background-color: #008000;">abca&nbsp;<span style="background-color: #ffffff;">
&nbsp;test <span style="color: #800080;">abca</span></span></span></span></span></p>
<table style="height: 43px;" width="250"><tbody><tr><td>abca</td>
<td>abca</td></tr></tbody></table>';

In result_str 123 test is not change because it's parent style font family is not SutonnyMJ

How to write a JavaScript regular expression pattern. Please any suggestion?

My Language Converter is working Nince without HTML Tag. But HTML tag have to work in result string. — MD. ABDUL Halim
– MD. ABDUL Halim, Commented Mar 11, 2015 at 9:49
the quotes " are incorrect...... try use single quotes for the string definition... or escape (with backslash) the double-quotes in the string. — Federico
– Federico, Commented Mar 11, 2015 at 9:49
@JLILI Aman , How to parse using HTML parser. You can say it which i would like to the code. — MD. ABDUL Halim
– MD. ABDUL Halim, Commented Mar 11, 2015 at 9:56

Rias · Accepted Answer · 2015-03-11 10:24:42Z

1

A starting point to the pattern could be this:

(?:<[^\>]>)+(?:[^.]*(test)[^.]*)+(?:<\/[^\>]>)*

Replace test with your string.

**What's missing is the limitation, that the font-family should not be SutonnyMJ. **

Fiddle around and improve it here: http://regexr.com/3aj63

answered Mar 11, 2015 at 10:24

Rias

1,99622 silver badges33 bronze badges

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

5 Comments

MD. ABDUL Halim Over a year ago

Your pattern is selected all string but if i use p instead of test , it will select all p without <p> Tag.

Rias Over a year ago

Take the selection group as result

MD. ABDUL Halim Over a year ago

Actually since HTML tag have to work result string. Now I need content text of HTML tag. You could show me in regexr.com which text will be only selected but not HTML Tag.

Rias Over a year ago

What did you try so far to do that in rexexr? actually the selection group does only select the text. I am not 100% sure about what you want to achieve, the regexr helps you to find a solution by reading the cheatsheet and documentation.

MD. ABDUL Halim Over a year ago

Yes, i can get only text using $(str).text(). But I have to translate one language to another language which if HTML Table/text design(using style attribute) is exist in input string. After converting the string , HTML Table/text design must be shown in the result string. I have JavaScript script for converting/translating language which is converting / translating string letter by letter. If i use $(str).text , i don't get HTML Table/text design in result string. If i get my wanted pattern ,then it is possible. Am i clear to you.

Collectives™ on Stack Overflow

how to replace every letter of a string without html tag in javascript regex

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related