Внутри тега head
у меня есть:
<link rel="stylesheet" href="google-code-prettify/prettify.css">
<script src="google-code-prettify/prettify.js"></script>
Где-то внутри тега body у меня есть:
<div id='code-context'>
<pre class="prettyprint"><code class="language-js"></code></pre>
</div>
В моем основном файле css у меня есть некоторые pre
и code
, которые должны переопределить prettify:
#code-context pre, #code-context code {
font-family: 'Ubuntu Mono', monospace;
width: 80ch;
white-space: pre-wrap;
}
Намеренно я не включил <body onload="prettyPrint()">
. #code-context
скрывается при загрузке страницы, поэтому в нем нет необходимости. Код становится видимым после того, как пользователь запускает функцию jQuery, которая выглядит следующим образом:
$('#code-context').show();
var fileSource = "code-to-display.js";
$('code').load(fileSource);
$('.prettyprinted').removeClass('prettyprinted');
prettyPrint();
console.log('succeded!');
Я получаю сообщение в консоли (что означает, что все прошло хорошо), но на самом деле я получаю рамку вокруг всего кода, а сам код не имеет цветовой кодировки.
Помощь?