Bootstrap wysiwyg и подсветка синтаксиса

Question

Я пытаюсь сделать новую функцию в редакторе Bootstrap wysiwyg для вставки исходного кода для highlightjs, но без успеха.

На официальной странице (github) Я нашел несколько предложений о настройке и execCommand, но я не знаю, как их реализовать.

Кто-нибудь за помощью?

EDIT: Я успешно добавлен кнопку на панели инструментов, как:

<a class="btn btn-small dropdown-toggle" data-toggle="dropdown" title="insertCode"><i class="icon-code"></i>&nbsp;<i class="icon-angle-down icon-on-right"></i></a> 
<ul class="dropdown-menu dropdown-light"> 
    <li><a data-edit="insertCode c">C/C++</li> 
    <li><a data-edit="insertCode php">PHP</li> 
</ul> 

И я пытаюсь редактировать самозагрузки-wysiwyg.js файл как:

(function(b) { 
    var insertCode = function (language) { 
     var preElem = document.createElement("pre"), 
     var codeElem = document.createElement("code"); 
     codeElem.className = language; 
    } 
... 
... 

Но я не знаю, как для этого. Но до этого я не могу запустить этот метод.

EDIT 2:: Я заменил мой редактор на лето, потому что я не знаю, как решить эту проблему.

Answer 1

Чтобы добавить кнопку, которая отформатирует выделение в качестве кода, вы можете добавить ссылку на панель инструментов.

<a class="btn" data-edit="formatBlock pre" title="Code"><i class="icon-cog"></i></a> 

Однако, я не смог получить эту работу с highlightjs. Я не уверен, что highlightjs способен собирать новые теги pre, которых нет при инициализации маркера. Другая проблема заключается в том, что кнопка, которую я предоставил, обертывает код в теге <pre>, а не в теге <pre><code>.

Этого может быть достаточно, чтобы вы начали работать.