Panagram.js

Panagram.js

Panagram.js est un éditeur de texte riche en plus petit (2KB) en pur javascript, sans dépendances.

Démo en direct: https://panagram.herokuapp.com/

Installation

L'activation de Panagram.js est très facile, il vous suffit de suivre ces deux étapes simples:

Inclure-le à partir d'un dossier DIST /

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

ou

 nmp install --save panagram

initialiser panagram.js avec 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'),
});

Commandes personnalisées

Vous pouvez ajouter vos contrôles personnalisés dans le fichier config.js. Vous pouvez ajouter à un ensemble existant ou créer le vôtre. Si vous créez votre propre partage pour que d'autres personnes puissent l'utiliser.

Un aperçu rapide ou des propriétés différentes:

1. Icône - c'est ainsi que vous choisissez de représenter votre contrôle
2. titre - est un nom comme il est dit un titre
3. état - est utilisé si une commande figure dans une liste de commandes possibles et n'a pas besoin de données supplémentaires
4. FormatBlock - est utilisé si une commande n'est pas dans une liste de commandes possibles
5. Extra - est utilisé si une commande figure dans une liste de commandes possibles et a besoin de données supplémentaires. Extra doit renvoyer ces données supplémentaires
6. Court - Utilisé pour basculer la classe active sur l'élément avec raccourcis clavier