Notion like Editor

It doesn’t surprise me. TipTap looks really good and solid. :smile:

On a side note, I noticed that TipTap is actually a wrapper around ProseMirror.

Tiptap is a headless wrapper around ProseMirror – a toolkit for building rich text WYSIWYG editors, which is already in use at many well-known companies such as New York Times, The Guardian or Atlassian.

Create exactly the rich text editor you want out of customizable building blocks. Tiptap comes with sensible defaults, a lot of extensions and a friendly API to customize every aspect. It’s backed by a welcoming community, open source, and free.

I will give it a try later. It sounds really interesting. I have yet to see if the TipTap API, which I assume makes the ProseMirror API usage easier, can bring all the power ProseMirror offers.


EDIT: Actually I should read the topic, it has been already pointed out multiple times above :rofl:

3 Likes

Outline implements a TipTap-based, block-like editor on top of the Y CRDT, very much like AppFlowy. The latter has its own block editor.

The AnyType editor seemed very powerful, when glancing at it. Yet I don’t know how tightly it couples to its underlying MongoDB storage.

Maybe their source codes can give inspiration in how to build something similar?

Unfortunately the low code Airtable and no code Notion alternative FLOSS scene is mined. Sometimes it’s only parts of the application, that are really FLOSS.

from AFFiNE seemed interesting, when playing with it.

Notea also has a nice and calm block editor.

The only implementation of the

on the other hand seems to be the overwhelming hash.ai?

There are many examples to learn from. How to do it right? What is the benefit over the versatility of plain text Markdown mixed with HTML and bbCode, plus autoboxes?

How would a block editor impact ActivityPub federation? What could it mean to federate individual blocks? Could this work potentially support the development of federated transclusion of blocks even?

fyi:

6 Likes

It might be worth looking at the functionality of the editor that’s built into Obsidian. It’s a markdown editor that renders markdown as you’re editing. It only shows the markdown syntax for the text that’s under the cursor, otherwise you see the rendered text. That seems like the best of both worlds.

It seems that it might be built on top of CodeMirror: CodeMirror 6.0 Stable Release | Hacker News.

1 Like

And on mobiles/tablets it shows markdown how? Because if it fails with touch screens, then it is just for one environment and there must be another toggle for that.

1 Like

I have no idea, but you’re right that it could be an issue. I’m just suggesting it as an interesting implementation to look at.

Edit: it has more or less the same functionality on mobile as on the desktop - essentially a hybrid markdown/wysiwyg editor. I’m very partial to markdown, so am obviously biased.

I’m just another end user in this matter :crazy_face: But until we get WYSIWYG at some poin in the coming future, another toggle button wouldn’t be any issue in UI/UX wise — coding such functionality would be totally another story. Even WordPress has that show code button (editor system is awful mess in WP, though. It broke totally when Automattic decided go to look first, content last vision).

I still see that the most important thing would be a setting to hide toolbar totally, except file uploading. Mobiles have it already (as an eastern egg :smirk:), though. I see that more important to do than editor improvements or changes.

We have two different user categories:

  • a huge majority that almost never write anything and need really low threshold (is that right word…) to comment
  • power users who need a big variety different tools and easy access to those

But of course that depends of niche of forums. But my bold claim is that is true on majority of forums.