Sebastian: Text in HTML konvertieren

Beitrag lesen

SELF-Forum

Text in HTML konvertieren

Sebastian
– Informationen zu den Bewertungsregeln

Hi razors,

hab grade eher zufällig dein thema gesehen, und bin mir unsicher, ob ich dir vielleicht etwas anbieten könnte. tatsächlich bin ich grade dabei, mir ein wenig javascript beizubringen, und da habe ich als eine der ersten mir selbst gestellten aufgaben mal versucht ein text-html-konvertierungsprogramm zu schreiben. das hab ich jetzt mal eben noch um die einfügung des <br />-tags erweitert. wenn du die XHTML-Schreibweise explizit nicht willst, musst du nur in Zeile 80 das "<br />" durch "<br>" ersetzen.

Probier's mal aus. Hier ist der vollständige Code für ein .html dokument:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
<title>Convert Text to HTML-Entities</title>

<style type="text/css">

html, body {
height:100%;
}

body {
background-color: #fff9cd;
margin: 30px;
font-family: arial, sans-serif;
font-size: 12px;
}
textarea {
background-color: #fcfcfc;
border: 1px solid grey;
font-size: 12px;
padding: 5px;
}
div {
float:left;
margin: 0px 10px 10px 0px;
}
.feld {
width: 430px;
}
.button {
width: 100px;
padding-top: 126px;
font-weight: bold;
text-align: center;
}

#feste_breite {

	width: 1070px;  
	height: 470px;  
	}

</style>

<script type="text/javascript">

function tohtmlentities() {
var text = document.textfeld.text_in.value;
var laenge = text.length;
document.textfeld.text_laenge.value = laenge;
var neu = "";

for (var i = 0; i <= laenge; i++)	{  
	var zeichen = text.charAt(i);  
	switch(zeichen)	{  
		case 'ä' : zeichen = "&auml;"; break;  
		case 'Ä' : zeichen = "&Auml;"; break;  
		case 'ö' : zeichen = "&ouml;"; break;  
		case 'Ö' : zeichen = "&Ouml;"; break;  
		case 'ü' : zeichen = "&uuml;"; break;  
		case 'Ü' : zeichen = "&Uuml;"; break;  
		case 'ß' : zeichen = "&szlig;"; break;  
		case '&' : zeichen = "&amp;"; break;  
		case '<' : zeichen = "&gt;"; break;  
		case '>' : zeichen = "&lt;"; break;  
		case '"' : zeichen = "&quot;"; break;  
		case '–' : zeichen = "&mdash;"; break;  
		case 'à' : zeichen = "&agrave;"; break;  
		case 'À' : zeichen = "&Agrave;"; break;  
		case 'á' : zeichen = "&aacute;"; break;  
		case 'Á' : zeichen = "&Aacute;"; break;  
		case 'é' : zeichen = "&eacute;"; break;  
		case 'É' : zeichen = "&Eacute;"; break;  
		case 'è' : zeichen = "&egrave;"; break;  
		case 'È' : zeichen = "&Egrave;"; break;  
		case '\u000A' : zeichen = "<br />\n"; break;  
		}  
	neu += zeichen;  
	}  
document.textfeld.text\_out.value = neu;  
document.textfeld.text\_out\_laenge.value = neu.length;  
}

function html_to_text() {
var text = document.textfeld.text_in.value;
var laenge = text.length;
document.textfeld.text_laenge.value = laenge;
var neu = "";

for (var i = 0; i <= laenge; i++)	{  
	var zeichen6 = text.substr(i,6);  
	var zeichen7 = text.substr(i,7);  
	var zeichen5 = text.substr(i,5);  
	var zeichen4 = text.substr(i,4);  
	var zeichen8 = text.substr(i,8);  
	switch(zeichen6)	{  
		case "&auml;"	 : zeichen6 = "ä"	; 	break;  
		case "&Auml;"	 : zeichen6 = "Ä"	; 	break;  
		case "&ouml;"	 : zeichen6 = "ö"	; 	break;  
		case "&Ouml;"	 : zeichen6 = "Ö"	; 	break;  
		case "&uuml;"	 : zeichen6 = "ü"	; 	break;  
		case "&Uuml;"	 : zeichen6 = "Ü"	; 	break;  
		case "&quot;"	 : zeichen6 = '"'	; 	break;  
		}  
	switch(zeichen7)	{  
		case "&szlig;"	 : zeichen7 = "ß"	; 	break;  
		case "&mdash;"	 : zeichen7 = '–'	; 	break;  
		}  
	switch(zeichen4)	{  
		case "&gt;"		 : zeichen4 = "<"	; 	break;  
		case "&lt;"		 : zeichen4 = ">"	; 	break;  
		}  
	switch(zeichen8)	{  
		case "&agrave;" : zeichen8 = 'à'	; 	break;  
		case "&Agrave;" : zeichen8 = 'À'	; 	break;  
		case "&aacute;" : zeichen8 = 'á'	; 	break;  
		case "&Aacute;" : zeichen8 = 'Á'	; 	break;  
		case "&eacute;" : zeichen8 = 'é'	; 	break;  
		case "&Eacute;" : zeichen8 = 'É'	; 	break;  
		case "&egrave;" : zeichen8 = 'è'	; 	break;  
		case "&Egrave;" : zeichen8 = 'È'	; 	break;  
		}  
	if (zeichen5 == "&amp;") zeichen5 = "&"	;	  
	  
	if (zeichen6.length == 1) {  
		zeichen = zeichen6;  
		i +=5;  
		}  
	else if (zeichen7.length == 1) {  
		zeichen = zeichen7;  
		i += 6;  
		}  
	else if (zeichen4.length == 1) {  
		zeichen = zeichen4;  
		i += 3;  
		}  
	else if (zeichen8.length == 1) {  
		zeichen = zeichen8;  
		i += 7;  
		}  
	else if (zeichen5.length == 1) {  
		zeichen = zeichen5;  
		i += 4;  
		}  
	else {zeichen = text.charAt(i);}  
	  
	neu += zeichen;		  
	}  
document.textfeld.text\_out.value = neu;  
document.textfeld.text\_out\_laenge.value = neu.length;  
}

</script>
</head>

<body>
<div id="feste_breite">
<form name="textfeld">
<div align="left">
<textarea name="text_in" cols="50" rows="30"></textarea>
<br /><br /><br />
Zeichenanzahl: <input type="text" name="text_laenge" size="4" value="" readonly />
</div>
<div class="button">
<button type="button" onclick="tohtmlentities()">convert &gt;&gt;</button><br />Text<br />to <br />HTML-<br />Entities<br /><br /><br />
<button type="button" onclick="html_to_text()">convert &gt;&gt;</button><br />HTML<br />to <br />Text
</div>
<div align="left">
<textarea name="text_out" cols="50" rows="30"></textarea>
<br /><br /><br />
Zeichenanzahl: <input type="text" name="text_out_laenge" size="4" value="" readonly />
</div>
</form>
</div>

</body>

Beitrag melden
–
Informationen zu den Bewertungsregeln