Panagram.js

panagram.js

panagram.js是一個額外的小（2kb）豐富的文本編輯器構建的純JavaScript，沒有依賴關係。

實時演示：https：//panagram.herokuapp.com/

設定

啟用panagram.js非常容易，您只需要遵循以下兩個簡單的步驟：

從dist/文件夾中包含它

  <script src="dist/Panagram.min.js"></script>

或者

 nmp install --save panagram

用init（）初始化panagram.js

 Panagram.init({
   // one of the pre built controls, required
  controls: 'defaultControls',

  // <HTMLElement> in which you want to put controls, required
  ctrElement: document.getElementById('controls'),

  // <HTMLElement> for rich text output, required
  outElement: document.getElementById('output'),
});

自定義控件

您可以在config.js文件中添加自定義控件。您可以添加到現有集合或創建自己的集合。如果您確實創建自己的共享，以便其他人可以使用它。

快速摘要或不同的屬性：

1. 圖標 - 這是您選擇表示控制的方式
2. 標題 - 名稱為標題
3. 狀態 - 如果命令在可能的命令列表中，則使用 - 不需要任何其他數據
4. formatblock-如果命令不在可能的命令列表中，則使用
5. 如果命令在可能的命令列表中，並且確實需要其他數據，則使用額外 - 使用。額外必須返回其他數據
6. 簡短 - 用於使用鍵盤快捷鍵在元素上切換活動類