vite+vue3.js怎么支持markdown文件的上传，预览、编辑、创建呢？我使用springboot3作为后端
，前端怎么创建markdown文件并且编写后传给后端，是传文件还是直接传字符保存到数据库中的，给我详细的代码，并且带上注释


1、首先分析本项目的后端，了解项目所使用的技术和版本，之后查看项目中各个部分的代码，了解各个部分的功能和实现方式。

2、分析好项目，我要实现其中的markdown文件的上传，预览、编辑、创建，并且是带有图片的，能在前端实现上传，预览、编辑、创建等功能，要符合项目用到的技术、版本和业务，不要修改无关的文件。 要求使用MCP服务器中的context7工具来查询最新的文档

3、现在开始实现上述的功能，不要去分析前端，现在先弄好后端，先实现上传、预览、编辑、创建等功能，要符合项目用到的技术、版本和业务，不要修改无关的文件。 要求使用MCP服务器中的context7工具用来查询最新的文档，确保我想要的功能是符合项目的要求，并且是符合项目的业务逻辑。



MarkdownFile(id=325279554144964608, userId=1, title=测试, fileName=测试, content=userId=1&title=%E6%B5%8B%E8%AF%95&fileName=%E6%B5%8B%E8%AF%95&content=%E6%B5%8B%E8%AF%95, createdAt=2025-06-16T22:24:49.110387, updatedAt=2025-06-16T22:24:49.110387)


https://segmentfault.com/blog/chengxy-nds