Twitter bootstrap 引导所见即所得和语法突出显示

我试图在编辑器中创建一个新函数，用于插入highlightjs的源代码，但没有成功

在官方页面（github）上，我发现了一些关于定制和执行命令的句子，但我不知道如何实现

有人需要帮忙吗

编辑： 我成功地在工具栏上添加了如下按钮：

<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>

但我不知道如何完成这项工作。但在此之前，我无法运行此方法

编辑2:：

---

我暂时将我的编辑器替换为summernote，因为我不知道如何解决此问题。

要添加一个将选择格式化为代码的按钮，您可以在工具栏上添加这样的链接

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

但是，我无法使用highlightjs实现此功能。我不确定highlightjs是否能够拾取新的

pre

标记，这些标记在highlighter初始化时不存在。另一个问题是，我提供的按钮将代码包装在

标记中，而不是

标记中

这可能足以让您开始使用。
我试图将自定义函数insertCode添加到bootstrap-wysiwyg.js文件中，但不幸的是，我不知道如何操作，因为在任何情况下我都会遇到错误。在execCommand的Mozzila页面上，我没有找到任何示例：(
<a class="btn" data-edit="formatBlock pre" title="Code"><i class="icon-cog"></i></a>