RichText Container "<div><div>"

[tompap]

It will be great if we could control the container of the richtext.

Right now, using it will create a first

with a second

If we could remove the first div and "decide" the tag for the dangerousInnerHTML it will be great

so if our component is like

{title}

we could replace by {title} and in the field option write "h1" as tag to used.

<h1><div><div>My <b>super</b>Title</div></div></h1>

is not so good.

<h1>My <b>super</b> title </h1>

will be better.

Edit: I forgot that also a

is added =>

<h1><div><div><p>My <b>super</b>Title</div></div></p></h1>

[FedericoBonel]

Hey @tompap! Thanks for the request.

I’m not sure I fully follow this, I think the issue might have cropped some of your text and it isn’t complete, so I'll need to ask you to clarify.

Currently, when you add rich text, it wraps your content with two <div> elements.

For this text:

## Heading
- Test

It outputs:

<div class="RichTextEditor">
  <div class="rich-text">
    <h2>Heading</h2>
    <ul>
      <li><p>Test</p></li>
    </ul>
  </div>
</div>

Are you looking to customize those two wrapping <div> elements?

[tompap]

Hello,

Some part of my original message were cropped.

In my use case
the field is "title"

I want to be able to render

<h1>My Title</h1>
or
<h1>My <b>Super</b> Title</h1>

In the fields form: I just want the author to enter the text (without selected H1) H1 is in the my "Hero" PuckComponent.

<h1>{title}</h1>

Right now the result is
<h1><div><div>My <b>Super</b>Title</h1>