Panagram.js

Panagram.js

Panagram.js é um editor de texto rico extra pequeno (2kb) em JavaScript puro, sem dependências.

Demonstração ao vivo: https://panagram.herokuapp.com/

Configurar

Ativar panagram.js é muito fácil, você só precisa seguir estas duas etapas simples:

Inclua -o de uma dist/ pasta

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

ou

 nmp install --save panagram

Inicialize Panagram.js com 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

Você pode adicionar seus controles personalizados no arquivo config.js. Você pode adicionar a um conjunto existente ou criar o seu próprio. Se você criar seu próprio compartilhá -lo para que outras pessoas possam usá -lo.

Resumo rápido ou propriedades diferentes:

1. Ícone - é assim que você escolhe representar seu controle
2. Título - é um nome, como ele diz um título
3. Estado - é usado se um comando estiver em uma lista de comandos possíveis e não precisar de dados adicionais
4. FormatBlock - é usado se um comando não estiver em uma lista de comandos possíveis
5. Extra - é usado se um comando estiver em uma lista de comandos possíveis e precisar de dados adicionais. Extra deve retornar esses dados adicionais
6. curto - usado para alternar a classe ativa no elemento com atalhos de teclado