vue 富文本编辑器 打印

要在Vue中使用富文本编辑器并打印其内容，你可以使用一些第三方库，比如Quill或Vue2Editor。下面是一个使用Vue2Editor的示例：

首先，安装Vue2Editor库：

npm install vue2-editor

然后，在你的Vue组件中引入和使用Vue2Editor：

<template>
  <div>
    <vue-editor v-model="content" :editorOptions="editorOptions"></vue-editor>
    <button @click="printContent">打印</button>
  </div>
</template>

<script>
import { VueEditor } from 'vue2-editor';

export default {
  components: {
    VueEditor,
  },
  data() {
    return {
      content: '',
      editorOptions: {
        // 可以根据需求配置富文本编辑器的选项
      },
    };
  },
  methods: {
    printContent() {
      console.log(this.content);
      // 在这里可以执行打印操作或者其他处理方式
    },
  },
};
</script>

在上面的示例中，我们使用了`v-model`来双向绑定富文本编辑器的内容到`content`变量中。然后，我们在`printContent`方法中打印了`content`的值，你可以在这里执行打印操作或者进行其他处理。

记得根据你的项目配置和需求来调整代码，包括富文本编辑器的选项和样式。希望这个示例对你有帮助！