javascript - 将类添加到编辑器中的 pre 和代码元素?

标签 javascript jquery redactor

几天来,我一直在尝试弄清楚如何将类添加到 Redactor 中的格式选项元素。

默认情况下,“代码”的格式选项将内容包装在 <pre></pre> 中或 <code></code> html 元素。但是我需要让 redactor 使用 <pre class="prettyprint linenums"></pre><code class="prettyprint linenums"></code>相反。

有谁知道一个简单的方法来做到这一点?几天来我一直在通过电子邮件向 Redactor 支持人员发送电子邮件,并尝试了他们提供给我的文档链接 (http://imperavi.com/redactor/docs/settings/formatting/#setting-formattingAdd),但它只是破坏了整个事情...

PS:我对 javascript 相当迟钝,我无法掌握或理解它是如何工作的,并且在做任何与 js 相关的事情时都遇到困难。

我如何向 redactor 的“代码”格式化选项添加一个类,将内容包装在 pre HTML 元素中?

最佳答案

只注意到你自己回答了,你有没有让这个工作?
我很快就实现了它,看看会发生什么,通过你的另一篇文章,我想你可能知道结果如何。
这是我得到的...
http://plnkr.co/edit/B5F3bn6I0ofqTaY7NkZg?p=preview

   $(function() {
    $('#redactor').redactor({
      focus: true,
      buttonSource: true,
      //        formatting: ['p', 'blockquote', 'h1', 'h2'],
      formattingAdd: [{
        tag: 'pre',
        title: 'Pretty Print',
        class: 'prettyprint linenums'
      }],
        syncCallback: function()
{
    prettyPrint();
}
    });
  }); 

...这为格式添加了一个选项,它将选择的内容包装在带有该类的 pre 中,然后在转换之后运行 prettyPrint ......然后问题就开始了;)
哦,好吧,如果你弄明白了,我很想知道,至少这说明了如何添加格式选项。

关于javascript - 将类添加到编辑器中的 pre 和代码元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30673599/

相关文章:

javascript - 使用 jquery 从链接中删除不需要的文本

jquery - 限制 OWL Carousel 显示元素

javascript - 在 Redactor 编辑器中将类添加到 <a> 的选项

javascript - 错误 : Loading chunk 0 failed. - webpack 尝试加载 0.js

javascript - 如何清除/清空 dojo 小部件

javascript - 数组 - 在两个日期之间过滤

javascript - 如何正确维护 Redactor 中的光标位置?

javascript - 获取点击事件上的插入符位置

javascript - 我可以在 Meteor 中从服务器向客户端发送警报吗?

Javascript - 使用 for 循环添加元素 id