富文本编辑期Quill

Quill富文本编辑器快速入门

最新推荐文章于 2021-08-11 15:53:04 发布

weixin_30657541

最新推荐文章于 2021-08-11 15:53:04 发布

阅读量63

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/answercard/p/5833177.html

本文介绍如何使用Quill富文本编辑器创建具备基本功能的编辑界面，包括设置工具栏及初始化编辑器等内容。

官方网站
http://quilljs.com/

使用方法

<!-- 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">
  <div>Hello World!</div>
</div>

<!-- Include the Quill library -->
<script src="http://quilljs.com/js/quill.js"></script>

<!-- Initialize Quill editor -->
<script>
  var editor = new Quill('#editor');
  editor.addModule('toolbar', { container: '#toolbar' });
</script>