# quilljs

houdunren.com @ 向军大叔

xj-small

quilljs 是非常漂亮的支持markdown格式的文本编辑器,后盾人网站就在使用该编辑器,配置简单功能丰富。你可访问官方文档获取更多使用说明。

image-20200712231524140

# 安装

# CDN

下面是使用CDN安装方式,你可以访问国内的CDN 获取不同版本的quilljs。

<!-- Main Quill library -->
<script src="https://cdn.staticfile.org/quill/1.3.6/quill.js"></script>
<script src="https://cdn.staticfile.org/quill/1.3.6/quill.min.js"></script>

<!-- Theme included stylesheets -->
<link href="https://cdn.staticfile.org/quill/1.3.6/quill.snow.css" rel="stylesheet">
<link href="https://cdn.staticfile.org/quill/1.3.6/quill.bubble.css" rel="stylesheet">

<!-- Core build with no theme, formatting, non-essential modules -->
<link href="https://cdn.staticfile.org/quill/1.3.6/quill.core.css" rel="stylesheet">
<script src="https://cdn.staticfile.org/quill/1.3.6/quill.core.js"></script>

# NPM

下面是使用NPM进行安装,你可以轻松集成到你的VUE组件中。

npm install quill@1.3.6

# 使用

<div id="editor">
  <p>后盾人</p>
</div>

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