禁用整个Redactor.js WYSIWYG编辑器

2018-06-30 07:27:55

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

我期望Redactor读取我正在初始化的textarea上的disabled属性，并根据需要禁用编辑器，但它不起作用，而是创建一个功能齐全的编辑器。

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

是否有额外的API命令或解决方法可用于创建禁用的编辑器？一个简单的方法来禁用和启用它将是首选。我似乎无法在Redactor文档或API中找到有关如何执行此操作的任何内容。

我正在使用Redactor 9.1.9，但愿意在必要时进行升级。谢谢！

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

在这个例子中，点击textarea'启用'Redactor通过加载并点击保存'禁用'通过销毁它。

用你的例子， $(".redactor").redactor('destroy')会删除Redactor的铃声和哨子，并为你留下一个禁用的textarea。 $(".redactor").redactor()将再次启用它。

不知道它是否是最好的解决方案，但正如你所提到的，他们的API似乎没有一种不同的方式来实现它。

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

$（'。redactor-editor'）。attr（'contenteditable'，'false'）;

或Angular（在我的情况下）：

angular.element（'。redactor-editor'）。attr（'contenteditable'，'false'）;

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

禁用：

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

启用

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

链接地址: http://www.djcxy.com/p/84573.html