TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

BlockSuite: An open-source Notion-like editor with multiplayer support

243 pointsby lewisjoealmost 2 years ago

19 comments

lopkeny12koalmost 2 years ago
Does anyone else feel that the whole entire-canvas-is-editable-by-default approach of Notion and similar tools is an extremely annoying antipattern?<p>I want to be able to open a document in read-only mode. Otherwise, while just navigating through pages or reading content, it&#x27;s far too easy to accidentally add text to a block by pressing anything on the keyboard, or move things around with an accidental drag of the mouse.<p>I&#x27;ve been reprimanded several times for errant edits to company wiki pages because of this...
评论 #36507266 未加载
评论 #36515268 未加载
评论 #36507194 未加载
评论 #36507239 未加载
评论 #36507302 未加载
评论 #36513208 未加载
评论 #36513813 未加载
评论 #36509154 未加载
评论 #36530920 未加载
58x14almost 2 years ago
It seems like there&#x27;s a lot of recent interest and effort in open-source or self-hosted Notion-like&#x2F;markdown-with-widgets applications and platforms. AppFlowy (<a href="https:&#x2F;&#x2F;github.com&#x2F;AppFlowy-IO&#x2F;AppFlowy">https:&#x2F;&#x2F;github.com&#x2F;AppFlowy-IO&#x2F;AppFlowy</a>) comes to mind; I attended one of their monthly &quot;town hall&quot; meetings a few months back, and looks like they&#x27;re rapidly increasing in popularity. I think there was another similar project like this on HN front page last week, IIRC.<p>This makes me happy, because I switched to Obsidian primarily for local-first file storage in a platform-agnostic format. I&#x27;ve learned to love many things about Obsidian and am writing a few plugins myself, but there are still several Notion-esq functionalities I wish I had, and I find myself handing off between Obsidian and other webapps for certain effort, like team project management.<p>I used to get far more excited to explore new projects like BlockSuite, and I really appreciate their documentation, but I find it hard to justify allocating time to reviewing and trying out new tools when I still have much more improve on with my Obsidian usage; this is especially true of newer projects where I&#x27;m unsure of their shelf life.<p>To assuage my internal conflict I remind myself that I think plaintext is fundamentally the right choice for much knowledge collection, and I&#x27;m proud to say that if the internet shut down, I&#x27;d retain a significant growing fraction of my personal data.
评论 #36506929 未加载
评论 #36508180 未加载
评论 #36507080 未加载
评论 #36513246 未加载
评论 #36512813 未加载
lewisjoealmost 2 years ago
The approach here is a bit novel i.e treat each block as a separate editor instance (contenteditable) and somehow wire-up cursor movements to behave as if it&#x27;s one big editable area.<p>But it comes with its downsides as well. For example cross block selection doesn&#x27;t work.<p>If the entire page is one big editable area, then it becomes difficult to embed complex blocks like &quot;kanban views&quot; and calendar.<p>I guess we should think beyond contenteditable at this point and separate rendering layer from input layer[1] - sort of like how Google Docs has built its editor.<p>But writing a rich text editor is not just a text-editing problem. It essentially needs you to build a layout engine itself (like webkit) that knows how&#x2F;when to recalculate and draw the affected parts (render objects) when the rich-text changes. Why? because baking in tables and image-wraps and other complex resizable blocks affect other elements around&#x2F;after it.<p>Bottomline: we need a custom built layout engine + text renderer + input handler(that respects accessiblity) + selection handler to build an absolutely powerful rich-text editor. I&#x27;d like to start a open source project in this direction.<p>[1] <a href="https:&#x2F;&#x2F;twitter.com&#x2F;jitl&#x2F;status&#x2F;1649761057953415174" rel="nofollow noreferrer">https:&#x2F;&#x2F;twitter.com&#x2F;jitl&#x2F;status&#x2F;1649761057953415174</a>
评论 #36509064 未加载
评论 #36510932 未加载
评论 #36511266 未加载
评论 #36510869 未加载
ShortCipher5almost 2 years ago
Thank you all for your attention to BlockSuite, the comprehensive project behind the amazing AFFiNE open-source notetaking app. BlockSuite aims to provide a progressive solution for building collaborative applications.<p>It includes a block-based framework for composing rich content editors and an out-of-the-box block editor tailored for the AFFiNE knowledge base. With block-based editing, text editing and state management are handled block-by-block, supported by CRDT technology for distributed collaboration.<p>BlockSuite also offers framework agnostic rendering for scalability and flexibility. For more information about BlockSuite and the AFFiNE project, we welcome you to visit <a href="https:&#x2F;&#x2F;affine.pro&#x2F;" rel="nofollow noreferrer">https:&#x2F;&#x2F;affine.pro&#x2F;</a> where you can also try it in action.
eitlandalmost 2 years ago
I want to test it as an alternative to LogSeq, but mostly just for fun, because with LogSeq I am for the first time truly content with such a tool.
评论 #36515185 未加载
yonzalmost 2 years ago
The in page add database holds amazing promise, how can I reference a record that I create in the database? Lets say I have a block with a database [User|Title] and I want to refer to a value TasksDb[user=yonz].title. or something.<p>We had the pleasure of hosting one of the co-founders at our latest local first meetup <a href="https:&#x2F;&#x2F;lofi.software" rel="nofollow noreferrer">https:&#x2F;&#x2F;lofi.software</a>, feel free to checkout the recording <a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;live&#x2F;Z0nzsxhoToo?feature=share">https:&#x2F;&#x2F;www.youtube.com&#x2F;live&#x2F;Z0nzsxhoToo?feature=share</a> The team has put in a lot of background effort to allow for a seamless <a href="https:&#x2F;&#x2F;affine.pro" rel="nofollow noreferrer">https:&#x2F;&#x2F;affine.pro</a> app using blocksuite
egonschielealmost 2 years ago
Wow, I love this. I&#x27;m currently building an open source editor that has a lot of overlap with BlockSuite[1]. In Chisel, blocks are also the fundamental building block (pun intended). There are flavored blocks, and it also has a local-first approach, using service workers to make things fast. Chisel has a different focus since it&#x27;s meant for writing fiction, but plenty of things seem the same.<p>My code is pretty slapdash, as I have been playing with what I actually want from this editor. BlockSuite&#x27;s implementation looks much more polished. I&#x27;ve been meaning to refactor, and this might be the time to start!<p>[1] <a href="https:&#x2F;&#x2F;chiseleditor.com" rel="nofollow noreferrer">https:&#x2F;&#x2F;chiseleditor.com</a>
PurpleRamenalmost 2 years ago
Multiplayer? Is this a game?<p>How extendable is this? Can I add my own blocks? And is this a commercial project with open core, or a truely open source-project?
评论 #36506882 未加载
dv_dtalmost 2 years ago
Maybe it&#x27;s just me, but I don&#x27;t like composing or editing in Notion. It has some lovely other data aware view and link functionality, but I find myself fighting the block vs content structure frequently. For example, the edit interface really wants links in their own blocks vs links in the middle of some text being composed. If I want to write a lot of content in quickly, I trigger meta controls too often.
milliamsalmost 2 years ago
<p><pre><code> &gt; BlockSuite (pronounced &quot;block sweet&quot; ) </code></pre> Is there any other way that &quot;BlockSuite&quot; would be pronounced?
评论 #36507775 未加载
评论 #36509549 未加载
评论 #36507393 未加载
skyfalleralmost 2 years ago
Any chance this might interact with Block Protocol in any way? <a href="https:&#x2F;&#x2F;blockprotocol.org&#x2F;" rel="nofollow noreferrer">https:&#x2F;&#x2F;blockprotocol.org&#x2F;</a><p>The obvious immediate benefit to this would be native editing of Wordpress blocks for your website. But if this became standardized and usable both locally and on the web, it could open up all sorts of interesting use cases.
rgrieselhuberalmost 2 years ago
Sorry for the off-topic question: what is the editor used to create these type of sketches? I see it everywhere recently and I&#x27;ve even used it myself but can&#x27;t remember the name.<p><a href="https:&#x2F;&#x2F;blocksuite.affine.pro&#x2F;assets&#x2F;block-based-editing.57b4c571.png" rel="nofollow noreferrer">https:&#x2F;&#x2F;blocksuite.affine.pro&#x2F;assets&#x2F;block-based-editing.57b...</a>
评论 #36508713 未加载
评论 #36507807 未加载
Brajeshwaralmost 2 years ago
The documentation is rock solid. I&#x27;m interested to know what is powering BlockSuite&#x27;s documentation?
评论 #36508862 未加载
stockhornalmost 2 years ago
Can anyone recommend a notion-like editor that is end-to-end encrypted by default and respects my privacy?
评论 #36511544 未加载
评论 #36514094 未加载
justchadalmost 2 years ago
Looks pretty cool. I noticed a few issues when playing with the Playground like if you do a slash command and select one of the items such as entering &quot;to&quot; and then selecting &quot;Today&quot; it shows the date with &quot;to&quot; as the prefix. Overall a cool project though!
评论 #36517724 未加载
评论 #36506959 未加载
yayralmost 2 years ago
I wish it had a &quot;markdown mode&quot;. E.g. where the features of the editor are flagged as markdown compatible and only those features would be enabled. It would then open markdown files and save back to markdown files
评论 #36517771 未加载
iFirealmost 2 years ago
<a href="https:&#x2F;&#x2F;github.com&#x2F;toeverything&#x2F;blocksuite&#x2F;blob&#x2F;master&#x2F;LICENSE">https:&#x2F;&#x2F;github.com&#x2F;toeverything&#x2F;blocksuite&#x2F;blob&#x2F;master&#x2F;LICEN...</a> MPL 2.0
jamesualmost 2 years ago
It feels like theres so many of these fancy text editing solutions out there right now, would be great if there was a good comparison of features and pros&#x2F;cons vs other solutions.
dmjealmost 2 years ago
..how else would Block suite be pronounced...?
评论 #36517703 未加载