317jamtay317/LiveMarkDownEditor

GitHub: 317jamtay317/LiveMarkDownEditor

一款基于 WPF 的 Windows 开源 Markdown 编辑器,提供所见即所得编辑、Mermaid 图表渲染、文件夹工作区及实时文件同步与冲突可视化功能。

Stars: 5 | Forks: 0

# 实时 MarkDown 编辑器 一款适用于 Windows 的免费、开源的**实时** Markdown 编辑器。你可以在一个简洁的 WYSIWYG 界面中进行编辑——格式即所见的格式,绝不会显示原始的 `#` 和 `*`——同时磁盘上的文件 始终保持纯 Markdown 格式,并在底层内容(哪怕是来自他人或其他工具的修改)发生变化时实时更新。 ![编辑器的浅色主题](https://static.pigsec.cn/wp-content/uploads/repos/cas/9d/9d4ee653677233cc21eeffc1f9cad7e00da53040a5931e5d96ba92c240e42136.png) ## 功能 ### 文件夹工作区——轻量级知识库 - **打开文件夹**,以树状结构浏览其中的 Markdown 文件;双击文件即可在标签页中打开。 - 当磁盘上的文件被你或任何工具添加、重命名或删除时,文件树会**实时更新**——这与保持已打开文档同步的实时行为一致。 - 仅显示 Markdown 文件,不包含该类文件的文件夹将被隐藏,从而保持仓库或知识库的整洁;你打开的文件夹会在下次启动时**自动恢复**。 ![浅色主题下的文件夹工作区](https://static.pigsec.cn/wp-content/uploads/repos/cas/97/978b0c92bb7af15f34fb1d069f06031a99d45b451ffb9a708a9e3cf9430442a2.png) ![深色主题下的文件夹工作区](https://static.pigsec.cn/wp-content/uploads/repos/cas/36/3690924dfcf8a454243b39c26805a05671dada07cd4aac3045ee405e03b730a4.png) ### 图表与流程图 - 在标记为 `mermaid` 的围栏代码块中编写 **Mermaid diagram**,它就会在**编辑器中直接** 渲染为图片——支持流程图、时序图、状态图、类图、ER图、甘特图和饼图——而磁盘上的文件 依然保持纯 Markdown 格式。 - 图片会**跟随你的主题**(浅色或深色),并在你编辑源码时重新渲染。如果遇到 Mermaid 无法绘制的图表,它会回退为显示源码,绝不会留下一个空白窟窿。 - **双击流程图**即可打开 **Flowchart Builder**(流程图构建器):这是一个包含节点和箭头、并提供实时预览的拖拽式画布。你所构建的一切都会直接写回为标准的 Mermaid 源码,因此文本始终是唯一的真相源。 - 图表也会渲染到**导出的 HTML 和 PDF** 中,并且可通过可切换的预览窗格放大查看选中的图表。 ![在编辑器中渲染为图片的 Mermaid 流程图](https://static.pigsec.cn/wp-content/uploads/repos/cas/05/05f3f3cc1056c70cb13e243765282f29e2ad27ffeac9b51c8168975c21008600.png) ![深色主题下的同一图表](https://static.pigsec.cn/wp-content/uploads/repos/cas/5d/5ddd4a4a2cf10dad155f8b9d60484a93f6683e84345963f54320b974209717ef.png) ![Flowchart Builder——带有实时预览、由节点和箭头组成的拖拽画布](https://static.pigsec.cn/wp-content/uploads/repos/cas/18/186d75a0aba120a6791f80bf8b68c9516d6682ef35099a15bda0eba2bafb269b.png) ### 编写 - **WYSIWYG 编辑**——加粗、斜体、删除线、标题、链接、图片、行内代码 和代码块、引用块以及 GitHub 风格的表格,每一种都将以其实际效果呈现。 - **列表**——无序列表、有序列表以及带有可勾选复选框的任务列表。 - **实时源码面板**——将原始 Markdown 与渲染视图并排查看和编辑; 两者保持同步。 - **查找与替换**、章节**折叠**以及**大纲**导航面板。 - 包含建议的**拼写检查**,以及可通过“添加到字典”永久接受某个单词。 ### 实时更新 - 文件会受到**监控**,因此当你看着屏幕时,其他人员或工具所做的编辑会重新加载到编辑器中。冲突的编辑会通过差异视图显示——任何一方的修改都不会被静默丢失。 - **你能看到发生了什么变化。** 实时重载会短暂高亮显示其他编辑者触碰过的段落,并标记出任何被删除的内容所在的位置,因此同事或 AI 所做的修改是你*能看见*的,而不是悄无声息降临的。这种高亮会自动淡出,并且它永远不会移动你的光标,也不会让页面从你眼前滚动错位。 ### 内容的导入与导出 - **导出为 HTML**——一个带有样式的独立页面,或者一个可直接放入其他页面的纯片段。 - **导出为 PDF**,或直接从编辑器**打印** (`Ctrl+P`)。 - **复制为富文本**,这样所选内容粘贴到 Word、Outlook 或 Web 编辑器中时会保留格式——此外还支持**复制为 Markdown**,方便在其他地方粘贴源码。 - **智能粘贴**——将 URL 粘贴到选中的内容上会自动变为链接;剪贴板中的图片会自动保存到文件旁边并插入;粘贴的 HTML 会自动转换为 Markdown。 ### 导航 - 启动时**恢复你的工作区**——即你之前打开的标签页——此外还提供**最近文件**菜单和 Windows 任务栏的 **Jump List**。 - **`Ctrl`+点击** 链接以打开它:网络地址会在你的浏览器中打开,相对路径的 `.md` 文件会在新标签页中打开。 - **状态栏**,显示字数和字符统计、预计阅读时间、光标所在的行和列,以及当前章节。 - **浅色和深色主题。** ![编辑器的深色主题](https://static.pigsec.cn/wp-content/uploads/repos/cas/00/00e85ac1bd002e8f31504948ae3f29083cc00a8315d0c82312187631c40b04db.png) ## 构建 基于 .NET 10 (WPF) 构建。在仓库根目录下执行: ``` dotnet build MarkdownEditor.slnx dotnet test MarkdownEditor.slnx ```
标签:Markdown编辑器, Mermaid, Ruby, SOC Prime, Windows应用, WYSIWYG, 开发工具, 文本编辑器, 知识库