TipTap RichText Editor allow p inside div

[nelsenlim]

After migration to umbraco16 my RichTextEditor can no longer put a p element inside a div element during Edit Source Code, i know this is because of TipTap automatic migration

What are my options here, i would like to allow my user to be able to write their custom HTML and put it into the Rich Text Editor?

I know there is a plugin

TinyMCE for Umbraco CMS | Umbraco Marketplace

But i am actually looking at using TipTap instead if possible because it is the built in editor
How do i allow p element inside div

Thank u

[jammykam (Kamruz)]

TipTap is very restrictive in it’s schema, I think you’ll have to use the TinyMCE marketplace plugin

I had similar issues.

TipTap RTE stripping out css classes

Hi everyone. We’re having an issue where TipTap is stripping out CSS classes from code we are adding in Source Code mode. We are using DaisyUI/Tailwind on this project, and when adding the Steps component directly in the RTE, it strips out the css classes from the element. So this: <ul class="steps"> <li class="step step-primary">Register</li> <li class="step step-primary">Choose plan</li> <li class="step">Purchase</li> <li class="step">Receive Product</li> </ul> ends up being save…

[huwred]

No, there isn’t a way of telling TipTap to leave it alone. You can probably stop it removing the class but you can’t prevent it from adding the p tags