类似Notion的编辑器

这并不让我感到惊讶。TipTap 看起来非常棒且稳固。:smile:

另外,我注意到 TipTap 其实是 ProseMirror 的一个封装。

Tiptap 是 ProseMirror 的一个无头封装——一个用于构建富文本 WYSIWYG 编辑器的工具包,该工具包已被许多知名公司使用,例如纽约时报卫报Atlassian

使用可定制的构建块创建您想要的精确富文本编辑器。Tiptap 提供了合理的默认设置、许多扩展和一个友好的 API 来自定义每个方面。它得到了一个受欢迎的社区的支持,是开源且免费的。

我稍后会试试。听起来确实很有趣。我还有待观察 TipTap API(我假设它使 ProseMirror API 的使用更容易)是否能带来 ProseMirror 提供的所有强大功能。


编辑:实际上我应该阅读主题,上面已经多次指出了 :rofl:

3 个赞

Outline 在 Y CRDT 之上实现了一个基于 TipTap 的、类似块的编辑器,与 AppFlowy 非常相似。后者有自己的块编辑器。

AnyType 编辑器在浏览时似乎非常强大。但我不知道它与底层 MongoDB 存储的耦合程度有多紧密。

也许他们的源代码可以为如何构建类似的东西提供灵感?

不幸的是,低代码 Airtable 和无代码 Notion 的替代品 FLOSS 领域已经被挖掘殆尽。有时只有应用程序的一部分是真正的 FLOSS。

来自 AFFiNE 的在试用时似乎很有趣。

Notea 也有一个漂亮而平静的块编辑器。

另一方面,https://blockprotocol.org/ 的唯一实现似乎是压倒性的 hash.ai?

有很多例子可以学习。如何正确地做到这一点?与纯文本 Markdown 混合 HTML 和 bbCode 以及自动框的通用性相比,有什么好处?

块编辑器将如何影响 ActivityPub 联合?联合单个块有什么意义?这是否可能支持联合块的转录开发?

供参考:

6 个赞

也许可以看看 Obsidian 中内置的编辑器的功能。它是一个 markdown 编辑器,可以在编辑时渲染 markdown。它只显示光标下文本的 markdown 语法,否则您会看到渲染后的文本。这似乎是两全其美的方法。

它似乎是基于 CodeMirror 构建的:https://news.ycombinator.com/item?id=31666186。

1 个赞

而在手机/平板电脑上,它会显示 markdown,这是如何实现的?因为如果它在触摸屏上失败,那么它只适用于一种环境,并且必须有另一个切换开关来处理这个问题。

1 个赞

我不知道,但你说得对,这可能是一个问题。我只是建议它作为一个有趣的实现来研究。

编辑:它在移动设备上的功能与桌面设备基本相同——本质上是一个混合的 markdown/所见即所得编辑器。我非常偏爱 markdown,所以显然有偏见。

我在这件事上只是另一个普通用户 :zany_face: 但直到我们未来某个时候拥有所见即所得(WYSIWYG),再添加一个切换按钮在用户界面/用户体验方面不会有任何问题——编码这样的功能则是另一回事了。就连 WordPress 也有那个显示代码按钮(尽管 WordPress 的编辑器系统一团糟。当 Automattic 决定采取先看外观,内容靠后的愿景时,它彻底崩溃了)。

我仍然认为最重要的事情是提供一个完全隐藏工具栏的设置,除了文件上传。手机上已经有了(这是一个彩蛋 :smirking_face:),不过。我认为这比编辑器改进或更改更重要。

我们有两种不同的用户类别:

  • 绝大多数人几乎从不写任何东西,只需要一个非常低的门槛(这个词对吗……)来评论
  • 需要各种不同工具并能轻松访问这些工具的重度用户

当然,这取决于论坛的细分市场。但我大胆预测,这在大多数论坛上都是如此。

Discourse 现在发布了一个实验性的所见即所得编辑器 :confetti_ball:

这为我们提供了类似 Notion 的体验的所有构建块。

鉴于此,@TheDarkWizard,您是否认为您的广泛请求已完成。

我将关闭此请求,以便我们可以为新编辑器重新提出具体的功能请求,例如更智能的上下文菜单等。

10 个赞