Question

我已经尝试了好几天了解如何在Redactor中为一个fotmatting选项元素添加一个类。

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

有谁知道一个简单的方法吗？我已经连续几天通过电子邮件发送Redactor支持，并尝试了他们提供给他们文档的一个链接（http://imperavi.com/redactor/docs/settings/formatting/#setting-formattingAdd），但它只是打破了整个事情......

PS：我几乎是javascript延迟，我无法掌握或理解它是如何工作的，并且无法做任何与js相关的事情。

如何在redactor的“代码”格式选项中添加一个类，该选项将内容包装在预HTML元素中？

Answer 1

只是注意到你自己回答了，你有没有得到这个工作？我快速实现了它，看看会发生什么，通过你的其他帖子，我想你可能知道结果如何继承人我得到了什么...... 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转换它......然后问题就开始了;）
哦，好吧，如果你想出来我很想知道，至少这显示了如何添加格式选项。

Answer 2

将$( "pre" ).addClass( "prettyprint linenums" );添加到另一个在加载时运行的函数。

在redactor中为pre和code元素添加类？

2 个答案: