syntax highlightning

Vorarbeiter · May 6, 2011

hey,

irgendwie komm ich nich klar - habe schon gegooglt und videos gesucht aber irgendwie hauts nich hin. ich versuche den syntax-highlighter "google-code-prettify" einzubinden aber es will einfach nich klappen.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Beschreibung der Seite</title>

<link href="prettify/prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="prettify/prettify.js"></script>
</head>
<body onload="prettyPrint()">
<pre class="prettyprint">...test <html>zeug</html></pre>
</body>
</html>
Click to expand...

der ordner auf dem server wo die ganzen dateien drinliegen heißt prettify
der browser gibt mir einfach nur ein umrahmtest "...test zeug" aus

Spacerat · May 7, 2011

prettyPrint() <- ruf das mal NACH Erstellen der pre-Class auf

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Beschreibung der Seite</title>

<link href="prettify/prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="prettify/prettify.js"></script>
</head>
<body>
<pre class="prettyprint">...test <html>zeug</html></pre>
<script language="JavaScript" type="text/javascript">
prettyPrint();
</script>
</body>
</html>
Click to expand...

So SOLLTE es funktionieren. Du kannst eben via JavaScript ein Element nicht verarbeiten, was zu dem Zeitpunkt noch nicht existent ist

Wenn du bei direkter Eingabe in eine Textarea highlihten willst, teste mal "CodeMirror"

syntax highlightning

syntax highlightning

SysProfile Windows Foren

Hardware Foren