highlight.js и код в wordpress и других приложениях
Если Вам на необходимо создать сайт в статьях которого будут исходные коды чего либо, Вы столкнетесь с весьма неприятной штукой: tinymce, который по умолчанию установлен в 99% систем как редатор, портит вставляемые вами исходники.Для решения проблемы, необходимо иметь возможность работать с чистым HTML, тоесть выключать tiny. Обрамляйте код в теги <pre>
и <code>
.
После чего все заработает как положено.
Естественно, лиха беда – начало, нам этого мало и требуется красота, после, весьма не долгих поисков, была найдена библиотека highlight.js – которая сама обо всем позаботиться.
Все что нужно это скачать её исходиники и сложить в папку с плагинами.
Что касается любых других систем, то тут тоже все просто до безобразия, все что необходимо:
<script type="text/javascript" src="highlight.pack.js"></script>
<script type="text/javascript">
hljs.initHighlightingOnLoad()
</script>
Вот как это выглядит на деле: