Panagram.js

panagram.js

Panagram.jsは、依存関係がなく、純粋なJavaScriptにビルドビルドをビルドする非常に小さい（2kb）リッチテキストエディターです。

ライブデモ：https：//panagram.herokuapp.com/

設定

panagram.jsを有効にするのは非常に簡単です。これらの2つの簡単な手順に従う必要があります。

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. state-コマンドが可能なコマンドのリストにある場合に使用され、追加のデータは必要ありません
4. formatblock-コマンドが可能なコマンドのリストにない場合に使用されます
5. コマンドが可能なコマンドのリストに含まれており、追加のデータが必要な場合は、追加 - 使用されます。追加のデータを追加する必要があります
6. ショート - キーボードショートカットを使用して要素上のアクティブクラスを切り替えるために使用されます