Wordgard: The new in-browser rich-text editor from the creator of ProseMirror

177 points - today at 8:50 AM

Source

Comments

exceptione today at 11:09 AM
I think most people would love to the know the 'why'. This page discusses differences with prosemirror and is the closest I got to that question: (https://wordgard.net/docs/prosemirror/).

One thing to note is that there is not an upgrade path. Many concepts are shared with prosemirror, but it seems that switching means doing quite some work (correct me if I am wrong). Obsidian is based on Code Mirror so I guess they won't be switching, but tiptap.dev and others do.

@merijn, maybe you could address why wordgard is worth the switching cost?

EDIT: I see many points are addressed in Merijns personal blog. I submitted (https://marijnhaverbeke.nl/blog/wordgard-0.1.html) to HN for better context.

goodwillhunting today at 12:31 PM
The editor aside, really impressed by the artist who did he design - really tasteful, def stood out for me https://kamilastankiewicz.com/
andrewingram today at 3:20 PM
One thing i've struggled with with Prosemirror (via TipTap) is that I very often need to interact with JSON representation of the document programmatically to extract data from it, this means I need (okay, strongly prefer) a statically-typed representation of it.

Prosemirror doesn't really have any mechanism to do this, so i've ended up doing one of these two things:

1. Define the schema twice, once using Prosemirror and once using something like Zod. Then having a battery of equivalence tests to assert that the schemas match. 2. Build a meta schema definition layer that can output a Prosemirror schema, but conforms to the standard schema spec (https://standardschema.dev/), this approach is more viable if not using something like Tiptap.

I haven't tried using Wordgard yet, so I can't tell if it does anything to address this, but just calling it out as a pain point i'd love to see solved.

mapt today at 11:21 AM
Getting that WYSIWYG editor up and running was a major stumbling block that I overcame to get my school newspaper a PHP-Nuke site ~25 years ago.

It is insane that there isn't a web standard implementation for this passed 15 years ago.

lewisjoe today at 12:27 PM
This is amusing as well as slightly scary. Prosemirror over the years has become the backbone of editors on the web. ChatGPT uses it. Gemini uses it. Linked chat and feed composers are Prosemirror powered. Literally every serious product uses Prosemirror for composing text on the web.

There is an entire YC company built on top of Prosemirror (Tiptap).

The thought that Prosemirror is no more in active development is scary.

wood_spirit today at 1:47 PM
This looks staggeringly brilliant.

I was searching for something like this recently but ended up rolling my own using a block-based OT to local server and diff sync to remote ones.

I’m reading the system guide and nodding along. It’s super validating to see the similarities and contrasts.

mhitza today at 11:28 AM
~6 years ago had a very hard time researching and implementing an @-style remote resource completion (other users and documents to reference) and the style of extensions in this editor seem very much like an evolution of prosemirror.

I'd really appreciate it this was something built in, not something I have to build based on the dinosaurs example. Every time I need to reach for one of these text editor libraries that is my no. 1 usecase, followed by WYSIWYG.

keepupnow today at 1:14 PM
Why this over Lexical by Meta?
haroldadmin today at 10:41 AM
ProseMirror is an excellent project, but it’s always been a bit awkward using it directly in React. I remember that NYT had to rewrite the renderer to make it work for their use-case.

I wonder how Wordgard compares in this aspect!

jiffygist today at 12:58 PM
I don't like WYSIWYG on the web. You do a long and tedious formatting of a forum post, then close the tab and it's all gone. I prefer to use a local text editor then Ctrl+V into web form. Which I can with markdown
yule today at 12:23 PM
The artwork on the website is beautiful! What a (forgotten) way to draw ones attention.
nicce today at 12:12 PM
I would be curios that what are the cons/pros for selecting this over Facebook's Lexical (https://github.com/facebook/lexical)
yodon today at 11:15 AM
The code appears to be unavailable. This includes not just wordgard but all the ProseMirror code as well.

If the motivation for moving off GitHub was "GH is down too much", it might be worth tracking how many 9's of uptime is lost in the self-hosted case.

milkshakeyeah today at 10:55 AM
I can’t believe that we are still trying to solve this. One would think that after so many years (I’ve started doing web almost 20 years ago) we would end up with some solutions baked in browsers
low_tech_punk today at 1:37 PM
If you click on the "create link" button multiple times, the menu would pile up vertically.
ang_cire today at 4:41 PM
:q!
andredurao today at 1:00 PM
The design and aesthetics of the page are really impressive, but what caught my attention was the "Deluxe API" which was new to me because I hadn't heard of it before.
whalesalad today at 2:21 PM
I love this art style. It's like if textpattern wasn't depressed.
chrisjj today at 11:16 AM
How do I get text labels on the buttons?
chrisjj today at 11:15 AM
At Try, I entered x and tapped what I presume is Undo. No effect.

Android Chrome.

politician today at 2:52 PM
[dead]