【问题标题】:How to disable summernote on clicking outside summernote editor?如何在单击外部summernote编辑器时禁用summernote?
【发布时间】:2018-12-23 16:04:34
【问题描述】:

有没有办法通过在summernote之外点击来禁用summernote

这是我的夏季笔记,现在的问题是,当我点击编辑器之外的任何位置(包括工具栏)时,它会被禁用,而我不想这样做。

禁用夏季笔记的代码。

$('#textarea').on('summernote.blur', function(event) {
    $('#textarea').summernote('destroy');
    $('#textarea').hide();
});

【问题讨论】:

  • 所以你想在模糊时禁用它或者即使在模糊上也保持焦点?一开始你问如何禁用summernote,最后你说你不想禁用summernote
  • 我想通过在summernote外部单击来禁用summernote,但不应通过单击工具栏来禁用它
  • 检查event 目标。如果是工具栏,什么也不做。
  • @Justinas,我这样做了,但是,我得到了 textarea 事件。 $('#textarea').on('summernote.blur', function(event) { var target = event.target.nodeName; console.log(target); });

标签: jquery html summernote


【解决方案1】:

以下代码对我有用 -

HTML

<div class="col-md-9 dv100 txtarea pd-8" id="summernote"></div>

jQuery

$(document).on("click", function(event) {
    if(!$(event.target).hasClass('txtarea') ) {
       $('.txtarea').summernote('destroy');               
    }
});

【讨论】:

    猜你喜欢
    • 2022-08-22
    • 2020-08-05
    • 2018-09-21
    • 2015-12-26
    • 2017-01-10
    • 2016-01-20
    • 2018-09-04
    • 2022-06-23
    • 2015-05-15
    相关资源
    最近更新 更多