hanspagel

Try disabling spellcheck, this has serious performance issues for content editable in recent chrome versions.

https://bugs.chromium.org/p/chromium/issues/detail?id=107671...

Thanks for the mention, Sam! Great to have you and Yousef in the community.

BTW, we are already tinkering on some interesting stuff with the Rust port, too. :-)

I’m a bit biased, but I think 2022 will be the year of Y.js.

What we’ve done or set up for the next year:

* The Y-Collective to fund more and more related projects, like slate-yjs: https://opencollective.com/y-collective

* The Hocuspocus backend you've discovered, which will become public in April or so

* A cloud offering we’re bootstrapping to hopefully get even more money into the ecosystem

* Y.js core support for the Tiptap editor (900k downloads/month), with a lot more advanced features coming next year

* More and more frontend libraries, like SyncedStore which was on the frontpage a few days ago: https://syncedstore.org/docs/

* The Y.js Rust port: https://github.com/yjs/y-crdt

Exciting times!

I’m building one for Y.js. If you want to take it for a test drive:

$ npx @hocuspocus/cli

Creator of Hocuspocus [1] (which I’ll open source next year) here. You can use y-websocket [2] aswell. Hocuspocus is a (very nice) wrapper/API around y-websocket written in TypeScript.

https://hocuspocus.dev/

https://github.com/yjs/y-websocket

So cool to see libraries like yours coming out! (am in love with Y.js)

I think Adam knows what’s possible with Tailwind CSS [1], but wanted to point out that it’s not possible with just a style attribute. :-)

[1] https://github.com/tailwindlabs/tailwindcss/graphs/contribut...

We have GitHub issues (works fine for bugs, not so much for discussions), GitHub discussions (no one is there), added Discord by public demand (I hate it, but it’s working well. People help each other there) and plan to add Flarum as an open discussion board soon.

If you’re looking for a modern FOSS alternative, try Tiptap[1].

[1] https://tiptap.dev

There are editors that handle images very well by default, like Quill or Trix.

If you start diving deeper you’ll find out that image handling is just super complex and the behaviour is dependant on what you’re building. Then you’ll be happy to have full control about the behaviour with editors like Slate, ProseMirror or Tiptap.

Based on ProseMirror, more popular than raw ProseMirror, inspired by Slate (years ago), but framework-agnostic and more advanced in some areas (like collaborative editing):

https://tiptap.dev

You might like what I’m working on. A Node.js backend powered by Y.js.

https://www.hocuspocus.dev

Send me an email to humans@tiptap.dev if you want to take a peek.

Sure, that’s possible!

Everything you can do with Slate.js, you can do with tiptap, too.

Some things are even easier in tiptap, some are better supported (collaborative editing), and Slate.js is only available for React, but tiptap is framework-agnostic.

If you’re happy with Slate: That’s fine, it’s an amazing editor. For some use cases, tiptap is probably better suited, though, but that highly depends on your use case.

Collaborative editing is one of the hardest problems in that field, I think it’s cool to show that one on the frontpage.

And the demo shows how you can customize the styling, the power of extensions and how that all can be put together in a custom way. But maybe it doesn’t communicate all that very well.

Keep in mind it’s an MIT-licensed open source project, we just launched two days ago and we didn’t even post it here.

Even with nearly 300 sponsors our hourly rate is $8 before taxes and from what I know Marijn is doing just fine already. I think it’s in his and our interest to make our work financially sustainable too.

That said, we’re sponsoring other related open source projects, for example Y.js already.

Some people pasted whole books into the editor. In combination with more than 100 people using it concurrently, that’s not working that well. I limited the character count, it should be way more performant now.

Maybe it’s just not too often that people invest a few 1,000 unpaid hours in an open source project motivated by hate, I don’t know.

We’ll consider to find something more meaningful than love for the footer message.

What’s wrong with “Made with Love”?

I’d love to see a more stable implementation of contenteditable, but I think it’s great to have all those choices. Use cases vary just too much.

tiptap is very powerful, but definiteley not for people looking for an effortless solution. Yes, that’s what I think too.

3 out of 80 examples have styling applied for demo purposes.

The package comes without CSS and markup as explained on the frontpage.

> Headless > It’s headless and comes without any CSS. You are in full control over markup, styling and behaviour

tiptap comes without a graphical user interface. It’s an API and you have to build the gui. Are you sure headless is so wrong?

Sorry, tiptap is requiring prosemirror-state, too. A more accurate description would be:

tiptap makes more than half the downloads of ProseMirror (and all other ProseMirror-based packages).

We don’t provide any controls, you can use a native select or whatever you need and I don’t see a reason why that shouldn’t work. tiptap just gives you an API to apply styles, check for styles and so on.

Good point though, we should put together an example that showcases that.

I added three rooms to split the traffic, that seems to help a lot. :-)

I added three rooms to split the traffic. Works smoothly again. :-)

Notebag is really cool! Let me know if you’d like to have a chat about the new version or need help upgrading it.

Thanks! Join the Discord if you need help upgrading your app. Node views are way more robust in v2 (and we added support for React, too [1]).

[1] https://www.tiptap.dev/guide/node-views/react

Not sure if looking on your mobile at a document where more than 100 people are typing should be the performance benchmark for it though.