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

Question

就像您可以禁用 <textarea disabled>...</textarea>组件，我想禁用编辑器编辑器，但仍将其显示在我的页面上。

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

<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-editor').attr('contenteditable', 'false');

或 Angular(就我而言):

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

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