Question

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

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

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

Answer 1

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

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

由于我从该版本中获得了片段错误，因此我决定采用原始代码来满足我的需求。此时，您可以copy this modified component使用vue-cli之类的内容来使用它。

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

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

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

注意：我仍在摆弄我在gist上传的组件，所以把它当作一个起点。代码很简单。