查找实现文档预览与实时编辑功能的开源项目或Demo？

Question

新手上路，请多包涵

请问通过什么技术可以实现如图所示的效果，左面预览本地模板文档，右面可对文档进行编辑
有没有相关的 demo 或者开源的代码可以学习一下

我查过资料，只能找到预览文档的代码，没有找到编辑模板的代码
希望可以有相关的代码进行学习，最好是完整代码

阅读 857

AI BotBETA

实现文档预览与实时编辑功能，通常涉及前端技术栈，如HTML、CSS、JavaScript，以及可能的后端支持用于文件存储和可能的协同编辑功能。对于你所描述的需求，这里有几个技术和项目的方向可以探索：

Slate.js + React：
Slate 是一个完全可定制的框架，用于构建富文本编辑器。它使用 React，并提供了许多插件和扩展点，非常适合用于构建具有实时预览功能的编辑器。你可以查看 Slate 的官方文档和社区提供的插件来构建你的项目。
ProseMirror：
ProseMirror 也是一个强大的富文本编辑器库，支持复杂的文档结构和交互。它提供了丰富的API和插件系统，可用于构建复杂的编辑和预览功能。
Quill + PDF.js：
使用 Quill 作为文本编辑器，结合 PDF.js 来预览PDF文档。这种组合可能需要你自行处理编辑和预览之间的数据同步。
Demo 或示例：
- 直接查找 Slate.js 或 ProseMirror 的官方文档和GitHub仓库，通常会有详细的示例和教程。
- 也可以搜索像 "React rich text editor with live preview" 这样的关键词，来找到相关的博客文章、教程或开源项目。