quill

功能描述

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

依赖的插件

quill.js

快速使用

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

简单实例

<!-- Include Quill stylesheet -->
<link href="css/quill_snow.css" rel="stylesheet">

<!-- Create the toolbar container -->
<div id="toolbar">
  <button class="ql-bold">Bold</button>
  <button class="ql-italic">Italic</button>
</div>

<!-- Create the editor container -->
<div id="editor">
  <p>Hello World!</p>
</div>

<!-- Include the Quill library -->
<script src="script/quill_min.js"></script>

<!-- Initialize Quill editor -->
<script>
  var editor = new Quill('#editor', {
    modules: { toolbar: '#toolbar' },
    theme: 'snow'
  });
</script>

特别说明

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

是否仍需要帮助? 请保持联络!
最后更新于 2024/12/2