vue3富文本quill组件中中 contentType为html 如何在点击按钮后将contentType变为text

在Quill中，可以通过设置setContent方法的第二个参数来设置内容的类型。因此，您可以编写一个方法来切换内容类型并调用该方法来实现将contentType从html更改为text。以下是如何实现这一点的示例代码：

<template>
  <div>
    <div ref="editor" :class="{'ql-container': true}" />
    <button @click="toggleContentType">Toggle Content Type</button>
  </div>
</template>

<script>
import Quill from 'quill'

export default {
  mounted() {
    this.initEditor()
  },
  methods: {
    initEditor() {
      this.editor = new Quill(this.$refs.editor, {
        theme: 'snow',
        modules: {
          toolbar: ['bold', 'italic', 'underline', 'strike']
        }
      })
      this.editor.setContent('<p>Hello World!</p>', 'html')
    },
    toggleContentType() {
      const content = this.editor.getContents()
      const newContentType = this.editor.getContentType() === 'html' ? 'text' : 'html'
      this.editor.setContent(content, newContentType)
    }
  }
}
</script>

在上面的示例中，我们首先使用Quill来初始化编辑器并设置内容的初始类型为HTML。然后，我们在模板中添加了一个按钮，当点击按钮时，会调用toggleContentType方法来切换内容类型。在toggleContentType方法中，我们首先获取当前内容，然后根据当前的内容类型切换新的内容类型。最后，我们使用setContent方法来设置新的内容类型。

请注意，这只是一个简单的示例，您可能需要调整代码来满足您的具体需求。