How To Replace < with < and > with > using jquery

Question

I have a page that is part of a backend CRM admin panel. On that page the HTML output comes from some PHP functions that I can't access. And that HTML automatically changes < and > into HTML encoded characters.

So there is a div that contains html tags like <br /> that is converted into <b />

So I need to change it back to the HTML characters using only jQuery:

< to <
> to >

Is there a jQuery script I can use to replace those special characters with the corresponding symbols? This will mean my HTML tags will actually work and the HTML will being displayed properly on the screen?

I've tried removewith() but i can't make it work.

ADDED: The div that im trying to modify is this

<div style="font-size: 11px; width: 90%; font-family: Tahoma;" id="cotiz">&lt;strong&gt;Valuación&lt;/strong&gt; de InfoAuto: 35.500,00&lt;br /&gt; 
Cotización Seleccionada: Ninguna&lt;br /&gt; 
Allianz, Responsabilidad Civil: $205,25&lt;br /&gt; 
Allianz, Terceros Completos: $278,85 </div>

Just on the off chance, are you using .text() to insert the data instead of .html()? — Paul
– Paul, Commented Jul 22, 2011 at 0:54
possible duplicate of How do I find and replace HTML entities with jQuery? — genesis
– genesis, Commented Jul 22, 2011 at 0:54
@genesis - Please note the capitalization in the above comment. ;) — Jared Farrish
– Jared Farrish, Commented Jul 22, 2011 at 0:55

Kiran Banda · Accepted Answer · 2014-09-19 01:56:50Z

24

Please try this

.replace(/&lt;/g, '<').replace(/&gt;/g, '>')

to replace these characters globally. I tried this and works like a charm :)

edited Sep 19, 2014 at 1:56

user142162

answered Jan 24, 2012 at 8:19

Kiran Banda

2412 silver badges2 bronze badges

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

Comments

AdiechaHK · Accepted Answer · 2013-10-15 12:57:13Z

16

I have different solution then the conventional, and it will be applied to decode/encode html

Decode

var encodedString = "&lt;Hello&gt;";
var decodedText = $("<p/>").html(encodedString).text(); 
/* this decodedText will give you "<hello>" this string */

Encode

var normalString = "<Hello>";
var enocodedText = $("<p/>").text(normalString).html();
/* this encodedText will give you "&lt;Hello&gt;" this string

answered Oct 15, 2013 at 12:57

AdiechaHK

4663 silver badges13 bronze badges

1 Comment

user801116 Over a year ago

Do you have a plain javascript alternative?

genesis · Accepted Answer · 2011-07-22 01:09:20Z

12

The simplest thing to do would be

$('#test').each(function(){
    var $this = $(this);
    var t = $this.text();
    $this.html(t.replace('&lt','<').replace('&gt', '>'));
});

working edit/jsfiddle by Jared Farrish

edited Jul 22, 2011 at 1:09

answered Jul 22, 2011 at 0:56

genesis

51.1k20 gold badges99 silver badges127 bronze badges

6 Comments

Jared Farrish Over a year ago

Not quite. jsfiddle.net/XS5kY Note, I have fixed a couple of issues with the above for demo purposes.

sebas Over a year ago

I see that its working on that jsfiddle demo but its not working on my setup...the div reference is correct btw. What could be the problem?

genesis Over a year ago

@sebas: I have no idea. show us your whole #test element in your question

sebas Over a year ago

just posted the div that your jquery cant modify in my setup for some reason.

sebas Over a year ago

SORRY edited again the question pleae check the div now as it is exactly as i can see it in the html code with the special characters that i need to convert into < and >

|

Matt Ball · Accepted Answer · 2011-07-22 00:55:51Z

5

$('#myDivId').text(function (i, text)
{
    return text.replace('&lt;', '<').replace('&gt;', '>');
});

answered Jul 22, 2011 at 0:55

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

Comments

Are.exe · Accepted Answer · 2014-04-24 10:42:13Z

4

if use underscore.js exist _.unescape(string)

answered Apr 24, 2014 at 10:42

Are.exe

512 bronze badges

Comments

Ballon · Accepted Answer · 2017-02-06 08:20:30Z

4

Use $this.html('...'); instead $this.text('...');

answered Feb 6, 2017 at 8:20

Ballon

7,28419 gold badges51 silver badges64 bronze badges

Comments

Shashikant Pandit · Accepted Answer · 2017-06-22 09:21:51Z

3

Try This:-

var wrapper=$(".contentwrap").html();
  wrapper=wrapper.replace(/&lt;/g,'<').replace(/&gt;/g,'>').replace(/&amp;/g,'&');
 $(".contentwrap").html(wrapper);

answered Jun 22, 2017 at 9:21

Shashikant Pandit

2,87425 silver badges29 bronze badges

Comments

Yassine Younes · Accepted Answer · 2018-03-01 14:36:13Z

2

All of the above didn't really work for me because what I needed was something to replace all < to < and > to > , not only the first one. What I did was:

.split('&lt;').join('<').split('&gt;').join('>');

Just thinking out of the box here. It worked for me, I hope it does for you too.

answered Mar 1, 2018 at 14:36

Yassine Younes

1,00012 silver badges23 bronze badges

Comments

Evan · Accepted Answer · 2019-05-29 17:09:49Z

0

I needed to step to find an H1 then parse the next element, because I wasn't able to use a specific ID like you did. Good tip!

$('#sscContent').find("h1").next().each(function(){
    var $this = $(this);
    var t = $this.text();
    $this.html(t.replace('&lt;','<').replace('&gt;', '>'));
});

answered May 29, 2019 at 17:09

Evan

3,5117 gold badges39 silver badges53 bronze badges

Comments

theankitnet · Accepted Answer · 2022-03-08 16:09:47Z

-1

I made a small tool to covert HTML text containing < and > to < and >

So you can use this tool to convert your code.

I made it using simple replaceAll() method.

elem.replaceAll('&', '&amp;').replaceAll('<','&lt;').replaceAll('>', '&gt;')

answered Mar 8, 2022 at 16:09

theankitnet

1

1 Comment

msm1089 Over a year ago

OP wants to replace the other way around

Pallav Nagar · Accepted Answer · 2016-11-16 09:44:27Z

-2

You can do it simply with php

<?php
$a =
 '<div style="font-size: 11px; width: 90%; font-family: Tahoma;" id="cotiz">&lt;strong&gt;Valuación&lt;/strong&gt; de InfoAuto: 35.500,00&lt;br /&gt; 
Cotización Seleccionada: Ninguna&lt;br /&gt; 
Allianz, Responsabilidad Civil: $205,25&lt;br /&gt; 
Allianz, Terceros Completos: $278,85 </div>';

$b = html_entity_decode($a);


echo $b;
?>

answered Nov 16, 2016 at 9:44

Pallav Nagar

6356 silver badges5 bronze badges

1 Comment

Amanuel Nega Over a year ago

The question specifically says using jquery! Please read the question through first!

Collectives™ on Stack Overflow

How To Replace < with < and > with > using jquery

11 Answers 11

Comments

1 Comment

6 Comments

Comments

Comments

Comments

Comments

Comments

Comments

1 Comment

You can do it simply with php

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

11 Answers 11

Comments

1 Comment

6 Comments

Comments

Comments

Comments

Comments

Comments

Comments

1 Comment

You can do it simply with php

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related