IDEA: HTML Escaper [Archive] - C Board

PDA

View Full Version : IDEA: HTML Escaper


ygfperson
08-13-2002, 12:29 AM
HTML/JavaScript Escaper
------------------------
A program that will convert HTML into it's escaped form and add the proper header... if you want to get into more complex HTML encoding methods you can, but for the sake of simplicity we should just stick to escape codes

Example:

code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><title>C Board - Reply to Topic</title>
<meta name="MSSmartTagsPreventParsing" content="TRUE">
<meta http-equiv="MSThemeCompatible" content="Yes">
<style type="text/css">
BODY {
}
SELECT {
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
FONT-SIZE: 11px;
COLOR: #000000;
BACKGROUND-COLOR: #CFCFCF
}
TEXTAREA, .bginput {
FONT-SIZE: 12px;
FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
COLOR: #000000;
BACKGROUND-COLOR: #CFCFCF
}
A:link, A:visited, A:active {
COLOR: red;
}
A:hover {
COLOR: red;
}
#cat A:link, #cat A:visited, #cat A:active {
COLOR: #FFFFFF;
TEXT-DECORATION: none;
}
#cat A:hover {
COLOR: #FFFFFF;
TEXT-DECORATION: underline;
}
#ltlink A:link, #ltlink A:visited, #ltlink A:active {
COLOR: red;
TEXT-DECORATION: none;
}
#ltlink A:hover {
COLOR: red;
TEXT-DECORATION: underline;
}
.thtcolor {
COLOR: #EEEEFF;
}
.nf { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt }
.sf { font-family: verdana,arial,helvetica,sans-serif; font-size: 10px }
</style>



Will be converted into:

code:<script>
<!--
document.write(unescape("%3C%21DOCTYPE%20HTML%20PUBLIC%20%22-//W3C//DTD%20HTML%204.01%20Transitional// EN%22%3E%0D%0A%3Chtml%3E%0D%0A%3Chead%3E%3Ctitle%3
EC%20Board%20-%20Reply%20to%20Topic%3C/ title%3E%0D%0A%3Cmeta%20name%3D%22MSSmartTagsPreve
ntParsing%22%20content%3D%22TRUE%22%3E%0D%0A%3Cmet
a%20http- equiv%3D%22MSThemeCompatible%22%20content%3D%22Yes
%22%3E%0D%0A%3Cstyle%20type%3D%22text/ css%22%3E%0D%0ABODY%20%7B%0D%0A%7D%0D%0ASELECT%20%
7B%0D%0A%09FONT-FAMILY%3A%20Verdana%2CArial%2CHelvetica%2Csans-serif%3B%0D%0A%09FONT- SIZE%3A%2011px%3B%0D%0A%09COLOR%3A%20%23000000%3B%
0D%0A%09BACKGROUND-COLOR%3A%20%23CFCFCF%0D%0A%7D%0D%0ATEXTAREA%2C%20. bginput%20%7B%0D%0A%09FONT-SIZE%3A%2012px%3B%0D%0A%09FONT-FAMILY%3A%20Verdana%2CArial%2CHelvetica%2Csans- serif%3B%0D%0A%09COLOR%3A%20%23000000%3B%0D%0A%09B
ACKGROUND- COLOR%3A%20%23CFCFCF%0D%0A%7D%0D%0AA%3Alink%2C%20A
%3Avisited%2C%20A%3Aactive%20%7B%0D%0A%09COLOR%3A%
20red%3B%0D%0A%7D%0D%0AA%3Ahover%20%7B%0D%0A%09COL
OR%3A%20red%3B%0D%0A%7D%0D%0A%23cat%20A%3Alink%2C%
20%23cat%20A%3Avisited%2C%20%23cat%20A%3Aactive%20
%7B%0D%0A%09COLOR%3A%20%23FFFFFF%3B%0D%0A%09TEXT- DECORATION%3A%20none%3B%0D%0A%7D%0D%0A%23cat%20A%3
Ahover%20%7B%0D%0A%09COLOR%3A%20%23FFFFFF%3B%0D%0A
%09TEXT- DECORATION%3A%20underline%3B%0D%0A%7D%0D%0A%23ltli
nk%20A%3Alink%2C%20%23ltlink%20A%3Avisited%2C%20%2
3ltlink%20A%3Aactive%20%7B%0D%0A%09COLOR%3A%20red%
3B%0D%0A%09TEXT- DECORATION%3A%20none%3B%0D%0A%7D%0D%0A%23ltlink%20
A%3Ahover%20%7B%0D%0A%09COLOR%3A%20red%3B%0D%0A%09
TEXT-DECORATION%3A%20underline%3B%0D%0A%7D%0D%0A. thtcolor%20%7B%0D%0A%09COLOR%3A%20%23EEEEFF%3B%0D%
0A%7D%0D%0A.nf%20%7B%20font-family%3A%20verdana%2Carial%2Chelvetica%2Csans-serif%3B%20font-size%3A%2010pt%20%7D%0D%0A.sf%20%7B%20font-family%3A%20verdana%2Carial%2Chelvetica%2Csans-serif%3B%20font-size%3A%2010px%20%7D%0D%0A%3C/style%3E"));
//-->
</script>