vue2中填空题需要再富文本_下划线中填写数据该如何解决

在Vue2中，可以使用第三方富文本编辑器插件来实现填空题的编辑和展示。常用的富文本编辑器插件有Quill、Tinymce和Vue-Quill-Editor等。

在使用富文本编辑器插件时，可以在编辑器中添加下划线（或其他标记）来标识填空题，然后在保存或提交数据时，解析富文本内容，提取填空题的答案并进行处理。

例如，使用Vue-Quill-Editor插件，可以在编辑器中添加下划线，并使用正则表达式提取填空题的答案，示例代码如下：

<template>
  <div>
    <quill-editor v-model="content" ref="myQuillEditor"></quill-editor>
    <button @click="submit">提交</button>
  </div>
</template>

<script>
import Quill from 'quill';
import 'quill/dist/quill.snow.css';
import { quillEditor } from 'vue-quill-editor';

export default {
  components: {
    quillEditor
  },
  data() {
    return {
      content: ''
    }
  },
  methods: {
    submit() {
      const regex = /_(.*?)_/g; // 提取下划线中的内容
      const matches = this.content.matchAll(regex);
      for (const match of matches) {
        const answer = match[1]; // 填空题答案
        // 处理填空题答案
      }
    }
  }
}
</script>