Panagram.js

Panagram.js

Panagram.js ist ein extra kleiner (2 KB) Rich Texteditor -Build in reinem JavaScript ohne Abhängigkeiten.

Live -Demo: https://panagram.herokuapp.com/

Aufstellen

Das Aktivieren von Panagram.js ist sehr einfach. Sie müssen nur diese beiden einfachen Schritte befolgen:

Fügen Sie es aus einem Dist/ Ordner ein

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

oder

 nmp install --save panagram

Initialisieren Sie Panagram.js mit init ()

 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'),
});

Benutzerdefinierte Steuerelemente

Sie können Ihre benutzerdefinierten Steuerelemente in der Datei config.js hinzufügen. Sie können ein vorhandenes Set hinzufügen oder Ihre eigenen erstellen. Wenn Sie Ihre eigene teilen, teilen Sie es, damit andere Personen es verwenden können.

Schneller Rückgang oder verschiedene Eigenschaften:

1. Symbol - Auf diese Weise entscheiden Sie sich für Ihre Kontrolle dar
2. Titel - ist ein wie der Name sagt einen Titel
3. Status - wird verwendet, wenn sich ein Befehl in einer Liste möglicher Befehle befindet und keine zusätzlichen Daten benötigt
4. FormatBlock - wird verwendet, wenn sich ein Befehl nicht in einer Liste möglicher Befehle befindet
5. Extra - wird verwendet, wenn sich ein Befehl in einer Liste möglicher Befehle befindet und zusätzliche Daten benötigt. Extra muss diese zusätzlichen Daten zurückgeben
6. Kurz - verwendet, um die aktive Klasse auf Element mit Tastaturverknüpfungen umzuschalten