I am building a text editor inside a div contentEditable

    <div
      contentEditable
      suppressContentEditableWarning
      spellCheck="false"
    >
      <p className="defaultTemplate">
        <br />
      </p>


      <div>
        Do not use this template
      </div>
    </div>

When i want to go next line if I am focused on the p line it copies the template and create a new dom with same properties. If I go next line while editing the div it copies the div.

<p class="defaultTemplate">
  <br>
</p>
<p class="defaultTemplate">
  <br>
</p>
<div>Do not use this template</div>
<div>
  <br>
</div>

Is there a method to set a default template that is always used?