quilljs

向军大叔每晚八点在 抖音 和 bilibli 直播

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

安装

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>