javascript - 向 Summernote 编辑器添加禁用/启用方法

Question

我使用 summernote 编辑器已经有一段时间了，它可以满足我需要的大部分功能。但是，我最近希望在用户操作后将其禁用(而不是销毁)。经过努力没有成功，我突然想到我可以使用 destroy() 方法来实现我想要的。我注意到 Summernote 仍然将一个已经禁用的文本区域转换为它的编辑器，同时禁用了书写区域。这是我最终所做的:

创建后禁用 summernote:我先销毁它，然后禁用目标元素，最后重新初始化它:

    $(".summernoteTarget").destroy();

    $(".summernoteTarget").prop('disabled', true );

    $(".summernoteTarget").summernote();

为了再次启用它，我首先像以前一样销毁它，然后启用目标元素，最后重新初始化它:

    $(".summernoteTarget").destroy();

    $(".summernoteTarget").prop('disabled', false );

    $(".summernoteTarget").summernote();

这解决了一个小问题:当它保持在“禁用”状态时，所有控件都没有被禁用，只有书写区域被禁用。因此，用户仍然可以，比如说，将文件拖到书写区域，但这会引发错误。

有没有人看过 Summernote 的源代码，除了 destroy() 之外还可以添加两个方法( disable 和 enable )，这样我们就可以做类似的事情:

     $(".summernoteTargetElement").disable();
     $(".summernoteTargetElement").enable();

谢谢。

Answer 1

在 v0.7.3 之后，您可以使用 API 禁用或启用编辑器。

// To disable
$('.summernote').summernote('disable');
// To enable
$('.summernote').summernote('enable');

http://summernote.org/deep-dive/#disable-enable