Feature/wrapper class

[patrickbaber]

Please describe your changes

We can be proud of what we have built. So let's show this to all devs in the world! I prepend the class name tiptap to the editor element 🎉

How did you accomplish your changes

I added a new method in the Editor class to prepend tiptap in the list of classes. I have updated the docs and demos.

How have you tested your changes

I ran the demos and looked for the class name in the wrapper element. The tests are also working as expected.

How can we verify your changes

You can check the demos and search for the new class name.

Checklist

• The changes are not breaking the editor
• Added tests where possible
• Followed the guidelines
• Fixed linting issues

[netlify]

✅ Deploy Preview for tiptap-embed ready!

Name	Link
🔨 Latest commit	b226423
🔍 Latest deploy log	https://app.netlify.com/sites/tiptap-embed/deploys/646cd2999d4d2100088592b5
😎 Deploy Preview	https://deploy-preview-4068--tiptap-embed.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[janthurau]

😎 finally we're starting a bit of bragging!!!

[rfgamaral]

Should this be considered a breaking change? Not sure if it's documented anywhere but I'm thinking so, because .ProseMirror class could've been used to stylize certain elements that weren't possible any other way. Not to mention that other ProseMirror internals and/or plugins might introduce .ProseMirror-* classes, for instance .ProseMirror-selectednode and .ProseMirror-trailingBreak. We use this across our products to make sure our editors behave exactly the way we intend them too, and a change like this would be breaking for us. Food for thought.

[janthurau]

@rfgamaral the .ProseMirror classes are still there, instead of ProseMirror Prosemirror-x you just have tiptap ProseMirror ProseMirror-x

[rfgamaral]

@janthurau Thanks for clarifying.

[patrickbaber]

For things like styling Tiptap it's a bit inconsistent to use .ProseMirror instead of .tiptap, but as @janthurau mentioned, the old class names of ProseMirror are still existing.

The more specific classes like .ProseMirror-selectednode are completly untouched.

[rfgamaral]

For things like styling Tiptap it's a bit inconsistent to use .ProseMirror instead of .tiptap

IMO, styling should be flexible enough where you can use whatever tooling your project requires without explicitly targetting global classes such as .ProseMirror or .tiptap. However, that's how we initially implemented things (no good reason) and we are now in the process of reviwing that and using our own custom mechanism, but we still have some legacy .ProseMirror usages here and there.

[patrickbaber]

@rfgamaral You are right! I mean simpler setups like the ones mentioned here: https://github.com/ueberdosis/tiptap/blob/v2.0.3/docs/guide/styling.md#option-1-style-the-plain-html