如何在quill编辑器中使用v-model

Question

我使用Vue 3

我以前用过这个。它运行得很好。

<textarea v-model="description" required></textarea>

但我把它改成了这个

<QuillEditor
v-model="description" required
/>

在QuillEditor中，占位符等许多因素都很有效，但只有v-model不起作用。

这只是一个依赖性问题吗？如果没有，我该如何更改？

我是从下载的https://vueup.github.io/vue-quill/guide/installation.html#cdn

如果这是一个简单的依赖性问题，有解决方案吗？如果没有，你能推荐另一个兼容vue3的编辑器吗？(可附图片(

Answer 1

您可以使用这样的组件：

<quill-editor v-model:content="modelname" contentType="html" theme="snow"></quill-editor>

有关更多信息，请查看：https://vueup.github.io/vue-quill/api/#v-模型内容

Answer 2

以下是您应该如何修复它：

<quill-editor v-model:content="modelname" contentType="html" />

Answer 3

只是分享我的发现如下：

因为quill编辑器组件的默认内容类型是"；Δ；，但是，如果您想分配值(字符串类型(，则需要将内容类型从delta更改为text或html

API道具"；内容"；或"；v-model：内容；在quill编辑器组件上设置字符串值

1. 将contentType道具设置为"；文本"；或"；html"；在组件上
2. 使用：content或：v-model:content"将字符串值传递给quill编辑器组件

推荐链接：https://vueup.github.io/vue-quill/api/

Answer 4

您可以使用此编辑器。我正在使用这个编辑器，它是工作的

访问-https://www.npmjs.com/package/vue3-editor

说明书-

1. npm i vue3编辑器(安装(
2. 从"；vue3编辑器"；；(用于特定组件(
3. 组件：｛VueEditor｝，(在组件中使用(
4. (在表格中使用(

谢谢！！