0
Innerhalb head-Tag hat ich:vergeblicher Versuch "google-Code-prettify" mit dynamisch DOM
<link rel="stylesheet" href="google-code-prettify/prettify.css">
<script src="google-code-prettify/prettify.js"></script>
Irgendwo in Body-Tag habe ich:
<div id='code-context'>
<pre class="prettyprint"><code class="language-js"></code></pre>
</div>
In meiner Haupt-CSS-Datei Ich habe einige pre und code, die außer Kraft setzen sollte verschönern:
#code-context pre, #code-context code {
font-family: 'Ubuntu Mono', monospace;
width: 80ch;
white-space: pre-wrap;
}
Absichtlich, ich habe <body onload="prettyPrint()"> nicht eingeschlossen. Die #code-context ist ausgeblendet, wenn die Seite geladen ist, so dass es unnötig ist. Der Code sichtbar werden, nachdem der Benutzer löst eine jQuery-Funktion, die lautet:
$('#code-context').show();
var fileSource = "code-to-display.js";
$('code').load(fileSource);
$('.prettyprinted').removeClass('prettyprinted');
prettyPrint();
console.log('succeded!');
ich die Nachricht in der Konsole bekommen (was bedeutet, dass alles in Ordnung war), aber in der Tat, was ich bekomme, ist eine Grenze um all der Code und der Code selbst ist nicht farbcodiert.
Hilfe?
wird die CSS-Datei geladen? – gabe3886
@ gabe3886, habe ich Informationen zu der Frage hinzugefügt, würde mich über Ihre Hilfe freuen. Vielen Dank! – galah92