Panagram.js

Panagram.js

Panagram.js - это очень маленький (2 КБ) богатый текстовый редактор в Pure JavaScript, без зависимостей.

Живая демонстрация: https://panagram.herokuapp.com/

Настраивать

Включение Panagram.js очень просто, вам просто нужно выполнить эти два простых шага:

Включите его из папки Dist/

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

или

 nmp install --save panagram

Инициализировать panagram.js с 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'),
});

Пользовательские элементы управления

Вы можете добавить свои пользовательские элементы управления в файле config.js. Вы можете добавить в существующий набор или создать свой собственный. Если вы создаете свой собственный, поделитесь этим, чтобы другие люди могли использовать его.

Быстрое изложение или разные свойства:

1. Значок - вот как вы решите представлять свой контроль
2. Название - это название, как его название говорит название
3. Состояние - используется, если команда находится в списке возможных команд и не требует никаких дополнительных данных
4. FormatBlock - используется, если команда не в списке возможных команд
5. дополнительное - используется, если команда находится в списке возможных команд и требует дополнительных данных. Дополнительные должны вернуть эти дополнительные данные
6. Short - используется для переключения активного класса на элементе с сочетаниями клавиш