Go4Expert

Go4Expert (http://www.go4expert.com/)
-   JavaScript and AJAX (http://www.go4expert.com/articles/javascript-tutorials/)
-   -   Working on HTML Enities in Javascript (http://www.go4expert.com/articles/html-enities-javascript-t16321/)

pradeep 24Feb2009 18:25

Working on HTML Enities in Javascript
 

Introduction


Some characters are reserved in HTML. For example, you cannot use the greater than or less than signs within your text because the browser could mistake them for markup.

If we want the browser to actually display these characters we must insert character entities in the HTML source.

A character entity looks like this: &entity_name; OR &#entity_number;

To display a less than sign we must write: &lt; or <

The advantage of using an entity name instead of a number is that the name often is easier to remember. However, the disadvantage is that browsers may not support all entity names (while the support for entity numbers is very good).

The Code



I have made to subroutines to enityfy and unentityfy strings. You'll need jQuery to use this code.

Code: JavaScript

var str = '<div>s& dj ? ssss</div>';
 
alert(jsHTML_encode(str));
var str1 = jsHTML_encode(str);
alert(jsHTML_decode(str1));
 
 
 
function jsHTML_encode(str){
    return($('<div/>').text(str).html());     
}
 
function jsHTML_decode(str){
    return($('<div/>').html(str).text());     
}


References


http://www.w3schools.com/HTML/html_entities.asp

shabbir 4Mar2009 09:56

Re: Working on HTML Enities in Javascript
 
Nominate this article for Article of the month for February 2009

Mandy 22Apr2009 16:36

Re: Working on HTML Enities in Javascript
 
How can we create design in html with the help of java script ?

gkumar 23Jun2009 16:08

Re: Working on HTML Enities in Javascript
 
In this coding Working on HTML Enities in Javascript

Code:

<input type="text" id="x" value="">
<script type="text/javascript">
window.onload=function()
{
    document.getElementById('x').value='&amp;';
}
</script>


pradeep 24Jun2009 10:22

Re: Working on HTML Enities in Javascript
 
@gkumar: for this the html element with id 'x' has to be present, and moreover it just sets the html entity.


All times are GMT +5.5. The time now is 06:35.