如何隐藏和显示SummerNote工具栏以响应焦点和模糊事件

问题描述

如何隐藏或显示SummerNote工具栏以响应焦点或模糊事件？我有一些具有3个或更多textareas的表格，我只想在重点区域中看到工具栏。我在Django表单上使用Bootstrap和SummerNote。

我尝试过：

// Select all textarea tags in the form
var elements = $( "textarea" );

// Loop through all textarea elements
for (var i = elements.length - 1; i >= 0; i--) {
  var element = elements[i];
  $( '#' + element.id ).summernote({
    airMode: false,// <-- False: Show toolbar; True: Hide toolbar
    toolbar: [
      ['style',['style']],['font',['bold','italic','subscript','superscript','clear']],['color',['color']],['para',['ol','ul','paragraph']],['table',['table']],['insert',['hr']],['view',['fullscreen']]
    ],callbacks: {
      onFocus: function() {
        $( '#' + this.id ).summernote({
          airMode: false
        });
      },onBlur: function() {
        $( '#' + this.id ).summernote({
          airMode: true
        });
      }
    }
  });
}

没有结果

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

django wysiwyg