quill

功能描述

  • 该模块实现富文本编辑器的功能
  • 不依赖于任何前端框架

依赖的模块

quill.js

快速使用

将libs下的quill_min.js放到项目中的script文件夹下 将libs下的quill_snow.css放到项目中的css文件夹下来实现不同的主题风格

简单实例

  1. <!-- Include Quill stylesheet -->
  2. <link href="css/quill_snow.css" rel="stylesheet">
  4. <!-- Create the toolbar container -->
  5. <div id="toolbar">
  6.   <button class="ql-bold">Bold</button>
  7.   <button class="ql-italic">Italic</button>
  8. </div>
  10. <!-- Create the editor container -->
  11. <div id="editor">
  12.   <p>Hello World!</p>
  13. </div>
  15. <!-- Include the Quill library -->
  16. <script src="script/quill_min.js"></script>
  18. <!-- Initialize Quill editor -->
  19. <script>
  20.   var editor = new Quill('#editor', {
  21.     modules: { toolbar: '#toolbar' },
  22.     theme: 'snow'
  23.   });
  24. </script>

特别说明

本模块为quill.js 2.0版本，源码没有修改，更多用法及参数使用示例请参考 Quill.js