hanspagel

Then it’s styleless and markupless (that’s not a word, is it?), too.

Thanks for posting the new documentation on HN! Co-creator here.

tiptap v1 was pretty popular (more than 6M downloads) and an amazing community formed around it. It’s used in GitLab, Nextcloud, Statamic … and tons of other popular apps. But it was built 3 years ago, coupled to Vue, and had an awful documentation.

We couldn’t help but work on a new version over the last months and basically incorporated all the feedback that came up over the last years. We’ve been in a private beta for 4 months now, with sponsors and regular contributors. Now, we’re in public beta and can’t would like to hear what you think!

Here are a few things you can do with tiptap v2:

- Use with Vanilla JS, React, Vue, Alpine, Svelte …

- Bring your own markup and CSS

- Use Markdown shortcuts

- Render Vue or React components inside the editor content

- Use Vanilla JavaScript to render interactive things inside the editor

- Add collaborative editing capabilities

- Build offline-first apps

- Add autocompletes, for example for @mentions

- Use it with Tailwind CSS

- Automatically fix typographic mistakes (optional, as everything else)

- Add resizable tables

- …

Here are a few links to get started:

- Repository: https://github.com/ueberdosis/tiptap

- What’s tiptap/why it’s special: https://blog.ueber.io/post/tiptap-public-beta/

- Discord: https://discord.gg/WtJ49jGshW

Would you mind to try again? It’s a fresh document now, after growing for months. It’s working smoothly for me again.

Yes, it’s a wrapper around ProseMirror, but a fairly popular one. tiptap 1 has more downloads than ProseMirror and all other ProseMirror based npm packages together. [1]

[1] https://npmcharts.com/compare/tiptap,prosemirror-state?inter...

Yeah, the document loaded in the editor is nearly 1 MB by now. This document has grown over the last months. Over the last days there were 100 users concurrently typing in the document, some times pasting in 20k words, deleting it, pasting it in again … And Y.js (what we use) stores the whole history, and currently is blocking the main thread until the first state is downloaded and applied.

I create a new document, wait a moment …

Hi, co-creator of tiptap here and the one who wrote the heading:

We went with “renderless” for tiptap v1, but this is not really correct and a lot of people switched to “headless”.

Give me a better word that’s know to more people, I’d love to change it!

With web artisans I wanted to point out it’s for people who really care about every detail.

If you just want to slap in an editor and that’s it: tiptap is not for you. If you want to really customize every aspect of the editor: You should definitely consider using tiptap.

Edit: typo

Great read! Just wanted to chime in and say I’m working on a collaborative editing backend [1] based on Y.js, which already makes some of the things you write about possible.

For example interop between different editors, like CodeMirror and Monaco. And thanks to Y.js, the server helps with syncing, but isn’t the single source of truth anymore. It’s more like Git, where every copy has all changes.

I really hope we all can leave the cloud behind soon.

[1] https://hocuspocus.dev

We really miss the water-cooler conversation and tried to set up a self-hosted Teamspeak server, but it’s not really the same. Any tips?

Do you think that’s viable?

Books I would recommend:

Marketing for Developers by Justin Jackson

Traction: How Any Startup Can Achieve Explosive Customer by Gabriel Weinberg and Justin Mares

This Is Marketing by Seth Godin

Working in Public: The Making and Maintenance of Open Source Software by Nadia Eghbal

When are you working on side projects? What works for you?

You’re right. I’ll look for a better example.

Employee-friendly or how we think it should be everywhere.

Oh, thanks for sharing! Added both to the post.

Metafizzy/Isotope is probably an example of goodwill licenses, where you’re able to use everything without any limitation but are kindly asked to pay. That’s what you mean, right?

Let’s face it. Nobody profits from abandoned open source projects. I’ve compiled a list of a few ideas to monetize your open source project.

Anything I’m missing?

I tried to keep the post rather short. Let me know if you have any question!

Looking forward to work even more on open source.

Let me know if something is missing

Took us 12 months and 1.700 hours to put this post together.

It’s a rather long post, but let me know if anything is missing!

Let me know if you have any questions!

Thanks Ashoka! That’s the motivation I need.

don’t forget

https://simpleanalytics.com/

Nice list! We are tinkering with an idea [1] to provide metrics (revenue, newsletter subscribers, tracked time …) , graphs for all of that, but also a little bit of background story too.

Why we think it’s valuable to see all of this:

1. It’s a huge motivation for others to get something started. 2. I alway try to learn from other numbers to see what works and what doesn’t work. Though most things depend on the type of thing you build, I feel like I learned a ton from those open pages already. 3. For indie developers trust is key. Funny enough some people trust big corporations more than single developers. That’s one way to build trust. 4. People want to see indie developer succeed and that’s a great way to let them follow your journey.

Keep on going, great work!

[1] https://floatie.app

You're right, we have to remove it there. We removed it from the app a year ago and the blog is new and never had Analytics or similar tools.

Hey, we've been really unhappy with most of the solutions. So we did the only right thing and build our own.

If you want to work Agile and need something easy & beautiful to plan and manage your projects give it a shot:

https://scrumpy.io

I'm developing stuff in the web for 20 years now and try to keep up constantly with all the new stuff. A year ago, when we started to work on a bigger project, we decided to use a modern (but not the newest) tech stack and we are really happy by now.

While developing all this stuff, we faced a lot of challenges these typical "this is how you build a todo list in angureactvuemberbone in 5 minutes" tutorials don't tackle.

We prepared a few articles with our experiences on a bigger project. If you're interested, leave a clap. :)