Matt

It’s about to be released. ☠️

Beautiful 🥰

Yep, although v5 is a big upgrade, it’s still just an upgrade so all translated strings remain translated.

Can we have dog videos please? Not a cat fan tbh.

Already reported and fixed for the next release.

They are an open source product using the open source version. They wrote that blog one month after the version of CKEditor that requires attribution on every editor. If they have not added that, then they risk compliance issues - and CKEditor has a very active compliance department. But as far as I can tell, they don’t have a source mode editing function.

We thought about it early on but most browsers have tools to do this, so we didn’t see the point.

Yes, it’s supported.

Can anyone else reproduce this? Can you do a screen recording to show us? If you are using Chrome v93 on desktop, can you show us the contents of the console so we can see any errors?

I’ll just add a few thoughts and a little history on top of the excellent technical details Matt added above. When we first approached v5 and the need for a new editor given that CKEditor 4 was end of life, no longer open source and only supported with a commercial license, we naturally went with CKEditor 5. What happened with CKEditor 5?Well, it wasn’t great. CKEditor 5, like TipTap, and all other modern editors had a very different way of parsing content. Instead of treating everything as strings, it wants to create nodes for each tag, which meant that HTML editing would be problematic. Matt spend a few months working on it and we got it into a finished state but there were a lot of issues. The first was that there was no easy way to add custom buttons without recompiling the JS, which made it impossible for a distributed piece of software. Secondly, the compiled JS was huge and it was taking 3-4 seconds for the editor to open. And finally, I became very uncomfortable with the direction of travel CKEditor was taking. They made it clear with recent blog posts that they only wanted open source projects to use CKEditor without a commercial license. Their open source version switched license types and forced a “Powered by CKEditor” icon on every editor at the bottom of the editing window. To remove this, and to use it in a commercial product you’d need a commercial license. I consider this fair. After all, the CKEditor developers should get paid for their work in paid software and clearly their current model of providing an open source product with an optional license wasn’t generated enough revenue. We contacted them and enquired about a license that we could distribute, that did not use their cloud deployment/CDN and did not use any of their advanced plugins and we were quoted $35,000/year with basic support of a maximum of 24 support tickets a year. So we were left with a bloated and slow implementation that could not allow for custom buttons that cost $35,000 every year with the risk of that price increasing year on year. Even though we had it finished and working in v5, we knew we had to make a tough decision. Enter TipTapWe did a lot of research into various editors. From fully functional editors such as TinyMCE to more raw editors such as Quill and just about everything in between. We wanted the best balance of ease of development, good support and speed. TipTap fit all those requirements when others did not. We bought an enterprise license which gives us access to their developers via Slack which has been really helpful. The cost of this license is about a third of CKEditor 5. So what about HTML editingLike CKEditor 5, and all modern editors, doesn’t think of input as merely a string to parse into blocks, but it looks at the document (the editor contents) as a tree of nodes. Each node is handled in a specific way, so you need to ensure all possible HTML tags are handled via extensions. This is great because it’s faster, more secure and arguably easier to write extensions to handle custom buttons and plugins but it also means the editor has no concept of ‘source mode’. There is no source, it’s an internal array of items. It is a common request but there is no clean solution at this time and none of the suggested workarounds actually work reliably. However, we also felt it was important to take a step back and, as Matt said above, not just give up and add in a text area instead of an editor when you want ‘HTML editing’ because for one, most people do not not to compose a complicated post in a text area manually entering HTML tags. They want to edit the already created HTML in the editor, which isn’t easy. Clicking edit would destroy the contents as TipTap has no way to create a document tree for random HTML pasted in. Part of this solution was to embrace the ease of which TipTap can add extensions. It is the reason we created the editor permissions framework to allow you (the admin) to have specific functionality that others do not get. It’s important to remember that v5.0.0 is the very start of the future for us. We have lots of plans to add more extensions, such as tables in minor point releases but we have to draw a line and say “this is fine for the first version”. If you are using source mode heavily and pasting in JS and tracking code, then let us know the specifics. I bet there’s an easy way to do it in v5 that doesn’t rely on your hand editing posts which is time consuming. It’s also likely that you won’t upgrade to v5 right away and watch how it develops as v4 will still be supported with bug fixes. Hopefully you can see that TipTap is not just a second choice because CKEditor was expensive, it’s actually far superior in every way but also we didn’t just decide to remove HTML editing on a whim. Let’s work together to build proper tools and not just give up and throw in a rough workaround.

Yes, and yes. We haven’t done a huge amount of v4 upgrade testing, so maybe don’t do that on your live site.

I addressed this question mark over how many alphas we’ve released here: https://preview.invisionalpha5.com/topic/202-alpha-16-released-beta-next-week/ But either way, I don’t think basing your community’s future over the release cadence of our next generation community platform is the best metric.