encode html with js

user · Jul 16, 2003

hi there

has anyone of you writte a function to encode html from like '&' ->
'&' and likes to share it with me.. or can anybody give me a hint
how to set up something like that.

cheers me.

ralphie

Markus Ernst · Jul 16, 2003

has anyone of you writte a function to encode html from like '&' ->

'&' and likes to share it with me.. or can anybody give me a hint
how to set up something like that.

I am not sure if this is a good idea at all - the point of using the html
entities (like &amp

is to make sure that every browser recognizes the
correct characters regardless where in the world it is used and with what
text encodings it is configured.

If the browser recognizes the special character there is no use to convert
it into an entity anymore, if not the conversion will not work anyway.

If you write the html code of your pages yourself you can just type the
correct entities; which will be done automatically if you use a tool like
Dreamweaver. If your content comes out of a database it will be a good idea
to convert it on the server side. Some scripting languages provide functions
for that. In PHP for example you have the function htmlentities() that
converts your text.

hth
Markus

Markus Ernst · Jul 16, 2003

basicly i know what you mean.. though the point i want to have this is

that i made a little dhtml-admin screen wich produces "copy and paste"
source code.. and i'd like to provide the correct source.. becasue i
don't know in what kind of editor it will be pasted later on (so i also
cannot be sure that the editor would replace the chars)

Ok I see what you mean. You don't have to replace all special characters in
this case; the most important ones are < > &

You can do this with the replace function in Javascript; I wrote a function
"makehtml" for you. To show you how you can apply it I copy the code of an
entire html document below. You can add lines to the function, as for ä
and so on if you like; to show you I added 3 lines that replace the new line
by a <br> tag.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">

</script>
</head>

<body>
<form name="myform" method="get" action="">
<p>
<textarea name="myinput" cols="40" rows="5" id="myinput"></textarea>
</p>
<p>
<textarea name="myoutput" cols="40" rows="5" id="myoutput"></textarea>
</p>
<p>
<input name="show" type="button" id="show" value="show"
onClick="document.myform.myoutput.value=(makehtml(document.myform.myinput.va
lue))">
</p>
</form>
</body>
</html>

hth
Markus

user · Jul 17, 2003

hy there

i finally did it like that.. maybe it is useful for somebody.

/*
function replaces extended characters of 'text' with its character
entities.
call the function by default with output = false. if you switch it
to true
it will format the source code for output in a textarea.
*/
function replaceExtChars(text,output) {
text = text.replace(eval('/&/g'), '&');
fromTo = new
Array('Æ','Æ','Á','Á','Â','Â','À','À','Å','Å','Ã','Ã','Ä','Ä','Ç','Ç','Ð','Ð','É','É','Ê','Ê','È','È','Ë','Ë','Í','Í','Î','Î','Ì','Ì','Ï','Ï','Ñ','Ñ','Ó','Ó','Ô','Ô','Ò','Ò','Ø','Ø','Õ','Õ','Ö','Ö','Þ','Þ','Ú','Ú','Û','Û','Ù','Ù','Ü','Ü','Ý','Ý','á','á','â','â','æ','æ','à','à','å','å','ã','ã','ä','ä','¦','¦','ç','ç','¢','¢','©','©','°','°','é','é','ê','ê','è','è','ð','ð','ë','ë','½','½','¼','¼','¾','¾','>','>','&gt','>','í','í','î','î','¡','¡','ì','ì','¿','¿','ï','ï','«','«','<','<','&lt','<','—','—','µ','µ','·','·','–','–','¬','¬','ñ','ñ','ó','ó','ô','ô','ò','ò','&
oslash;','ø','õ','õ','ö','ö','¶','¶','±','±','£','£','"','\"','»','»','®','®','§','§','','','¹','¹','²','²','³','³','ß','ß','þ','þ','&tilde;','˜','™','™','ú','ú','û','û','ù','ù','ü','ü','ý','ý','¥','¥','ÿ','ÿ');

if (output) {
fromTo[fromTo.length] = '&';
fromTo[fromTo.length] = '&';
}
for (i=0; i < fromTo.length; i=i+2)
text = text.replace(eval('/'+fromTo[i+1]+'/g'), fromTo)
return (text);
}

cheers ralphie

I want to Display Excel As HTML In js	2	Feb 24, 2023
Small JS Countdown timer where user has to type string of numbers to stop it and win	8	Jun 16, 2024
External JS file question	5	Mar 5, 2021
Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
How to use Roblox's API on JS and HTML.	0	Jan 4, 2020
Create and Preview HTML & PDF with Custom Encryption and Micro Cloud Storage	0	Nov 12, 2024
Using JS to verify registration info?	1	Mar 19, 2020
JS querySelector addEventListenerer index getElementsByClassName parent div only	1	Jan 25, 2023

encode html with js

user

Markus Ernst

Markus Ernst

user

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads