Panagram.js

panagram.js

panagram.js是一个额外的小（2kb）丰富的文本编辑器构建的纯JavaScript，没有依赖关系。

实时演示：https：//panagram.herokuapp.com/

设置

启用panagram.js非常容易，您只需要遵循以下两个简单的步骤：

从dist/文件夹中包含它

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

或者

 nmp install --save panagram

用init（）初始化panagram.js

 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. 简短 - 用于使用键盘快捷键在元素上切换活动类