HTML wrapping blocks for editable WYSIWYG content

[neongreen]

📝 Provide a description of the new feature

Most of the time an inline HTML block is an overkill, and I rather want to wrap existing content in a div with a class/id (for styling), or something along those lines.

If user-submitted JS is allowed (e.g. if CKEditor is used in a site builder, which is my usecase), then it also makes sense to add arbitrary HTML elements like <canvas> or <input> that the user can use for small JS demos.

I made a sketch of how this could look.

---

If you'd like to see this feature implemented, add a 👍 reaction to this post.

[neongreen]

Oh, looks like it might be a duplicate of #6462. Happy to close and move if this is actually so.

[Reinmar]

Yeah, that could be a DUP of #6462. I was indeed thinking about making it more generic than just for div elements. Also, it should be relatively simple if this is implemented as a widget. Maybe only for stuff like <canvas> that need to be rendered differently. In this case, the HTML embed feature would actually handle that: https://ckeditor.com/docs/ckeditor5/latest/features/html-embed.html.