<el-form-item label="正文"> <editor v-model="form.content" :min-height="192" /> <!-- 图片上传组件辅助 --> <el-upload class="avatar-uploader" > </el-upload> <quill-editor ref="myQuillEditor" v-model="form.content" class="quilleditor" :options="editorOption" style="height: 500px" @change="onEditorChange($event)" /> </el-form-item> 编辑界面怎么提取纯文字在列表上，保留原本的图片信息

如果您想从Quill编辑器中提取纯文本并保留图片信息，可以使用Quill Delta对象。Quill Delta对象是Quill编辑器中用于表示文档的JSON格式，其中包含了富文本和图片等信息。您可以使用Delta对象的操作方法将其转换为纯文本和图片信息。

以下是一个示例代码片段，演示如何从Quill Delta对象中提取纯文本和图片信息：

// 获取Quill Delta对象
const delta = this.$refs.myQuillEditor.quill.getContents();

// 将Delta对象转换为纯文本和图片信息
let plainText = '';
let images = [];

delta.ops.forEach(op => {
  if (op.insert && typeof op.insert === 'string') {
    plainText += op.insert;
  } else if (op.insert && typeof op.insert === 'object' && op.insert.image) {
    images.push(op.insert.image);
  }
});

// 在列表上渲染纯文本和图片信息
// ...

在上面的代码中，我们首先使用`this.$refs.myQuillEditor.quill.getContents()`获取了Quill Delta对象。然后，我们遍历Delta对象的操作数组，将所有字符串插入到`plainText`变量中，将所有图片信息插入到`images`数组中。最后，我们可以在列表上渲染提取出来的纯文本和图片信息。

需要注意的是，上述代码中只提取了Delta对象中的第一层内容，如果您的编辑器中有嵌套的富文本或图片信息，您需要相应地修改代码以处理更深层次的内容。