几天来,我一直在尝试弄清楚如何将类添加到 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/