vue.js - Quill 编辑器和 Vue.js

Question

我是一个 vue.js 初学者，我一直在尝试将 Quill 编辑器集成到 Vue 模块中。起初，我尝试使用 vue-quill 插件，但文档很差，我无法理解如何使用它。非常令人沮丧。

现在我不知道我是否最好尝试创建自己的插件，或者我是否再次尝试现有插件并尝试增强它。

我想要的是有人请提供一些示例工作代码来实现这一点。

Answer 1

在检查 vue-quill package.json文件后，我注意到它依赖于旧版本的 quill ：

"dependencies": {
   "quill": "^0.20.1",
   ...
}

由于我从那个构建中得到了片段错误，我决定采用原始代码来满足我的需要。此时，您可以复制这个修改后的组件，并使用vue-cli之类的东西来使用它。

我不能给你关于 vue-cli 的精确步骤，因为我的项目是基于 Laravel 的，但是将不同的 .vue 文件存储到组件文件夹中的想法应该是相似的。

最后，我只是在我的一个视图中使用该组件：

<quill :content.sync="content"></quill>

注意：我仍在摆弄我在 gist 上上传的组件，所以以它为起点。代码相当简单。