从MongoDB查询持久化的React富文本编辑器数据

1. 在React富文本编辑器中保存数据到MongoDB（可使用Mongoose库）。以下是一个示例保存到MongoDB的代码：

import React, { useState } from 'react';
import axios from 'axios';

const WYSIWYGEditor = () => {
  const [content, setContent] = useState('');

  const onSave = async () => {
    try {
      const res = await axios.post('/api/wysiwyg/save', { content });
      console.log(res.data);
    } catch (error) {
      console.error(error);
    }
  };

  return (
    <>
      <div
        contentEditable
        onInput={(e) => setContent(e.target.innerHTML)}
        dangerouslySetInnerHTML={{ __html: content }}
      />
      <button onClick={onSave}>Save</button>
    </>
  );
};

export default WYSIWYGEditor;

2. 从MongoDB检索数据。可以使用Node.js上的MongoDB驱动程序或第三方库（例如Mongoose）。以下是一个使用Mongoose库的示例：

const mongoose = require('mongoose');

const wysiwygSchema = new mongoose.Schema({
  content: { type: String, required: true },
  createdDate: { type: Date, default: Date.now },
});

const WysiwygModel = mongoose.model('Wysiwyg', wysiwygSchema);

const getWysiwygData = async () => {
  try {
    const data = await WysiwygModel.find();
    console.log(data);
  } catch (error) {
    console.error(error);
  }
}

getWysiwygData();

此代码将从MongoDB检索WYSIWYG编辑器数据并将其记录在控制台上。