Summernote：啓用空氣模式以及默認工具欄

Question

是否有一種方法可以在summernote編輯器中啓用默認工具欄和空氣模式工具欄？

例如，我需要用戶首先編輯帶默認工具欄的textarea，當他想編輯一個單詞時，他可以選擇它並彈出空氣模式工具欄。 （就像例如Microsoft Word）中

謝謝

Answer 1

，我首先要和編輯summernote的源代碼，並重建它做這件事情（需要NPM）。
這很簡單，你只需要編輯兩個文件並進行構建。

下載/克隆summernote-develop源代碼。
https://github.com/summernote/summernote

按照以下步驟
1.打開文件夾summernote-develop
2.打開src/js/bs3/module/Toolbar.js

你會發現行

this.shouldInitialize = function() { 
      return !options.airMode; 
     }; 

這段代碼實際上檢查airMode如果真，那麼它不初始化工具欄，現在的代碼更改爲

this.shouldInitialize = function() { 
     return true; 
    }; 

並保存。

3.Open src/js/bs3/ui.js

你會發現在行號176

var $editor = (options.airMode ? ui.airEditor([ 
    ui.editingArea([ 
     ui.airEditable() 
    ]) 
    ]) : ui.editor([ 
      ui.toolbar(), 
      ui.editingArea([ 
       ui.codable(), 
       ui.editable() 
      ]), 
      ui.statusbar() 
    ])).render(); 

這個代碼通常檢查airMode此代碼通常並加載UI因此，我們需要無論airMode如何加載傳統UI。更改爲

var $editor = (ui.editor([ 
     ui.toolbar(), 
     ui.editingArea([ 
      ui.codable(), 
      ui.editable() 
     ]), 
     ui.statusbar() 
     ])).render(); 

這將加載傳統summernote UI。

4。現在我們必須重建整個項目生成所需的JS文件，在終端執行這些命令

summernote-develop username $ npm install

summernote-develop username $ npm run build 

導航至dist文件夾中的summernote-develop,所需的js文件將生成re。

注：不要忘記啓用airMode在初始化summernote即airMode：真