2014-12-02 4 views
2

Я пытаюсь использовать подсветку синтаксиса для презентации в opens.js, но я не хочу использовать zenburn (по умолчанию), и я хочу чтобы выделить код, написанный в R. Я использовал highlight.js для создания css, настроенного для R, но проблема в том, что highlight.js обозначает код в html с «hljs», в то время как open.js использует «предварительный код». Например Highlight.js CSS выглядит следующим образом:Как изменить тему и язык подсветки синтаксиса в opens.js

.hljs { 
    display: block; 
    overflow-x: auto; 
    padding: 0.5em; 
    background: #fdf6e3; 
    color: #657b83; 
    -webkit-text-size-adjust: none; 
} 

Хотя reveal.js подсветка CSS выглядит следующим образом:

pre code { 
    display: block; padding: 0.5em; 
    background: #3F3F3F; 
    color: #DCDCDC; 
} 

Можно выявить генерировать альтернативные темы для подсветки синтаксиса, или решение пройти и изменения все селекторы?

ответ

2

Возможно, вы работаете с устаревшей версией opens.js, на которую влияет этот GitHub issue.

В этом случае (и если вы не можете обновить), вы замените встроенную сокращенную версию выделения (в plugin/highlight/highlight.js) последней стабильной версией.

Во всех остальных случаях нужно просто добавить файл CSS нужный higlight (например idea.css) в Lib/CSS и заменить ссылку zenburn.css в index.html (Е.Г. <link rel="stylesheet" href="lib/css/idea.css">)

Ожидать, что .reveal pre code в выявить тематический CSS могут помешать некоторым стилям подсветки, чтобы их было трудно читать или выглядеть плохо без дальнейших изменений.

+0

Спасибо, я вложил информацию и удалил ссылки. Я также уточнил, что текущие версии opens.js не требуют этого обходного пути. – Buffin

+0

Ссылки сами по себе неплохие, но вы должны объяснить суть решения в ответе таким образом, чтобы он был полезен даже без ссылок. Ссылки имеют тенденцию гнить, и когда это произойдет, ваш ответ не будет стоить ничего без ссылок. – Teemu

 Смежные вопросы

  • Нет связанных вопросов^_^