Javascript als Code-Snippet anzeigen

8

Was ich versuche, ist, ein JavaScript-Snippet auf der Seite anzuzeigen und es nicht auszuführen, sondern es als Code-Snippet anzuzeigen, damit Leute es kopieren können. Ich lade Google Prettify, dann auf der Seite habe ich diesen Code:

%Vor%

Aber dieser Code wird nur ausgeführt und zeigt das JS-Snippet nicht an. Was fehlt mir hier?

    
Webster Gordon 19.07.2013, 18:38
quelle

5 Antworten

12

Sie müssen Ihre < und > Zeichen in HTML-Entitäten wie folgt umwandeln:

%Vor%

Ich würde auch empfehlen, den Code zusätzlich zu den vorhandenen <code> -Tags in <pre> -Tags einzufügen.

    
Travis 19.07.2013, 18:42
quelle
4

Das Problem besteht darin, dass Sie HTML eingeben und nicht als HTML behandelt werden sollen. Insbesondere die öffnende <script> -Element.

Um HTML einzugeben, das nicht als HTML analysiert wird, müssen Sie Zeichen kodieren, die speziell für HTML sind. Zum Beispiel wird < als &lt; , > als &gt; und & als &amp; codiert.

Also, um Folgendes auszugeben, ohne dass es als HTML analysiert wird:

%Vor%

... Sie müssen Folgendes eingeben:

%Vor%     
Jim 19.07.2013 18:42
quelle
1

Es läuft wegen der <script> -Tags. Du solltest sie verschlüsseln:

%Vor%     
basher 19.07.2013 18:42
quelle
0

Verwenden Sie &lt;script&gt; und &lt;/script&gt; für <script> tag

    
Moazzam Khan 19.07.2013 18:42
quelle
-1

Lassen Sie die textContent -Eigenschaft (oder createTextNode ) den ganzen Aufwand des Kodierens des Textes, den Sie in dom einfügen müssen, tun:

%Vor%     
jongo45 19.07.2013 18:52
quelle

Tags und Links