嗨，HN，我是Nick，OpenKnowledge的创始人。我们开发了一个开源库，名为Visimer，用于通过所见即所得的可视化编辑器编辑Mermaid图表。您可以在<a href="https://visimer.com/playground" rel="nofollow">https://visimer.com/playground</a>上试用这个编辑器。您可以通过点击和拖动可视化画布来重命名标签、改变形状、添加新节点等。
我们最初是为OpenKnowledge（我们的Markdown所见即所得编辑器）构建这个工具，后来意识到将其作为一个合适的可嵌入组件库分享出去会非常有价值，这样其他应用也可以利用它。
我们的一般看法是，人工智能在生成内容方面非常出色，但每当您想要调整细节时，例如创建可以与他人共享的工件，点编辑功能会更好。我们构建Visimer就是为了将这种功能引入Mermaid图表，正如我们对Markdown所做的那样。
一些技术细节：
- 利用原生的Mermaid.js渲染器来可视化Mermaid图表，以确保其按预期显示。我们在此基础上添加了点编辑功能。
- 我们尝试在每次编辑时重新生成整个文件，但发现这会导致注释和格式等信息丢失。最终的方法是将渲染的SVG元素映射回CST，这样我们就可以只编辑需要更改的文件部分。
您可以将可视化编辑器与任何文本编辑器配合使用，从而同时享受可视化和代码级编辑的体验。该库提供了Monaco和CodeMirror的绑定，并且是可扩展的。此外，还有一个低级的无头版本。
如果您只关心在Markdown中编辑Mermaid图表，可以在OpenKnowledge应用中尝试（我们的开源Markdown IDE，适用于Mac/Linux/Windows）。
欢迎告诉我们您的想法。
返回首页
最新
嘿，HN！我创建了一个游戏生成平台 <a href="https://tesana.ai/en" rel="nofollow">https://tesana.ai/en</a>，允许任何人通过简单的文本提示创建完整的游戏，包括图形、游戏逻辑和动画——无需编码。
<p>Tesana 有三个主要功能：
1. 描述你的游戏创意，让 Tesana 为你编写游戏计划。
2. 与 AI 迭代构建游戏，或者让 AI 在构建循环中自我构建游戏。
3. 在网上发布游戏，无需设置引擎。
<p>目前，Tesana 平台上有 250,000 名创作者。
<p>我相信游戏制作的民主化是一件好事，希望 Tesana 能帮助更多人将他们的游戏创意变为现实。
<p>很高兴与大家讨论产品背后的 AI 或开发技术栈。如果你有任何问题、评论或功能请求，请告诉我！
我一直很喜欢《火车狂热》和《出生滑行》的最后时刻！我尝试将它们转化为一个小型的网络视听体验。<p>戴上耳机，给自己几分钟的时间。