3

我试图在Bootstrap 所见即所得编辑器中创建新功能，用于插入highlightjs的源代码，但没有成功。

在官方页面（github）上，我找到了一些关于自定义和execCommand的句子，但我不知道如何实现。

有人寻求帮助吗？

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

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

我尝试将 bootstrap-wysiwyg.js 文件编辑为：

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

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

编辑 2: : 我现在将编辑器替换为 Summernote，因为我不知道如何解决这个问题。

4

1 回答 1

0

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

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

但是，我无法使用highlightjs进行此操作。我不确定highlightjs是否能够拾取pre初始化荧光笔时不存在的新标签。另一个问题是我提供的按钮将代码包装在<pre>标签而不是<pre><code>标签中。

不过，这可能足以让您入门。

于 2014-01-04T03:19:35.143 回答