Panagram.js

Panagram.js

Panagram.js es un editor de texto rico extra pequeño (2kb) construido en JavaScript puro, sin dependencias.

Demo en vivo: https://panagram.herokuapp.com/

Configuración

Habilitar panagram.js es muy fácil, solo necesita seguir estos dos pasos simples:

incluirlo de una carpeta Dist/

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

o

 nmp install --save panagram

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

Controles personalizados

Puede agregar sus controles personalizados en el archivo config.js. Puede agregar a un conjunto existente o crear el suyo propio. Si crea su propio compartirlo para que otras personas puedan usarlo.

Runguedo rápido o diferentes propiedades:

1. icono: así es como eliges representar tu control
2. Título: es un nombre como dice un título
3. Estado: se usa si un comando está en una lista de comandos posibles y no necesita datos adicionales
4. FormatBlock - se usa si un comando no está en una lista de comandos posibles
5. Extra: se usa si un comando está en una lista de comandos posibles y necesita datos adicionales. Extra debe devolver que datos adicionales
6. Corto: se usa para alternar la clase activa en el elemento con atajos de teclado