将类添加到编辑器中的前置和代码元素

Adding class to pre and code element in redactor?

本文关键字：代码 元素 添加 编辑器      更新时间：2023-09-26

我已经尝试了好几天了，想知道如何在Redactor中为一个格式化选项元素添加一个类。

默认情况下，"Code"的格式选项将在<pre></pre>或<code></code> html元素中包装内容。然而，我需要使编辑器使用<pre class="prettyprint linenums"></pre>或<code class="prettyprint linenums"></code>代替。

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

PS:我几乎是javascript智障，我无法掌握或理解它是如何工作的，并且很难做任何与js相关的事情。

我如何添加一个类的编辑器的"代码"格式选项包装内容在一个前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来转换它.....然后问题就开始了;)
哦，好吧，如果你弄明白了，我很想知道，至少这展示了如何添加一个格式选项

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

相关文章：