禁用整个Redactor.js所见即所得编辑器

Question

就像你可以禁用<textarea disabled>...</textarea>组件一样，我也想禁用编校编辑器，但仍然在我的页面上显示它。

我希望Redactor读取我正在初始化的文本区域上的disabled属性，并在适当的时候禁用编辑器，但它不起作用，而是创建一个功能齐全的编辑器。

<textarea class="redactor" disabled></textarea>
...
<script type="text/javascript">
$(function () {
        $('.redactor').redactor();
});
</script>

有没有其他API命令或解决方法可以用来创建禁用的编辑器？最好使用一种简单的方法来禁用和启用它。我似乎在Redactor文档或API中找不到任何关于如何做到这一点的东西。

我正在使用Redactor 9.1.9，但如果需要的话，我愿意升级。谢谢!

Answer 1

如果要禁用编辑器，请尝试将contenteditable属性设置为false。如果你在浏览器中检查源代码(例如Firebug )，你会看到包装编辑器的div有“contenteditable="true”属性。所以试着用jQuery来改变这个属性，例如：

编辑器$(‘.redactor-

’).attr(‘contenteditable’，'false')；

或者Angular (在我的例子中)：

假angular.element('.redactor-editor').attr('contenteditable'，‘

’)；

您可以尝试使用timeout来执行此操作，以确保编辑器中的内容是完全生成的，并且您可以访问其属性。

Answer 2

我遇到了同样的问题，在某些情况下我需要启用/禁用Redactor。最终得到的结果是这样的：http://imperavi.com/redactor/examples/click-to-edit/

在该示例中，单击文本区域“启用”Redactor，方法是加载它，然后单击保存“禁用”并销毁它。

在您的示例中，$(".redactor").redactor('destroy')将删除Redactor的花哨和口哨，只留下一个禁用的文本区。$(".redactor").redactor()会再次启用它。

不确定这是否是最好的解决方案，但就像你提到的，他们的API似乎没有不同的方法。

Answer 3

要禁用，请执行以下操作：

element.redactor('core.editor').attr('contenteditable', 'false');

要启用

element.redactor('core.editor').attr('contenteditable', 'true');