Rich text

<div class="editor" data-editor>
  <div class="editor-bar" role="toolbar" aria-label="Formatting">
    <button type="button" class="btn btn-ghost btn-sm btn-icon" aria-label="Bold" data-cmd="bold"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg></button><button type="button" class="btn btn-ghost btn-sm btn-icon" aria-label="Italic" data-cmd="italic"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg></button><button type="button" class="btn btn-ghost btn-sm btn-icon" aria-label="Underline" data-cmd="underline"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg></button><button type="button" class="btn btn-ghost btn-sm btn-icon" aria-label="Strikethrough" data-cmd="strikeThrough"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg></button><span class="toolbar-sep"></span><button type="button" class="btn btn-ghost btn-sm btn-icon" aria-label="Bullets" data-cmd="insertUnorderedList"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg></button><button type="button" class="btn btn-ghost btn-sm btn-icon" aria-label="Numbers" data-cmd="insertOrderedList"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg></button><button type="button" class="btn btn-ghost btn-sm btn-icon" aria-label="Quote" data-cmd="formatBlock:blockquote"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg></button><span class="toolbar-sep"></span><button type="button" class="btn btn-ghost btn-sm btn-icon" aria-label="Link" data-cmd="createLink"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg></button><button type="button" class="btn btn-ghost btn-sm btn-icon" aria-label="Clear formatting" data-cmd="removeFormat"><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg></button>
  </div>
  <div class="editor-link" hidden>
    <label class="sr-only" for="ed-1-link">Link address</label>
    <input id="ed-1-link" type="url" class="input input-sm" placeholder="https://" autocomplete="url">
    <button type="button" class="btn btn-primary btn-sm" data-link-save>Add link</button>
    <button type="button" class="btn btn-ghost btn-sm" data-link-cancel>Cancel</button>
  </div>
  <div class="editor-area" contenteditable="true" role="textbox" aria-multiline="true" aria-label="Post" id="ed-1">
    <p><b>Release 4.2</b> brings twelve colour themes and a faster search.</p>
    <ul>
      <li>Pick a theme in the customizer</li>
      <li>Search now finds files and people</li>
    </ul>
    <blockquote>The fastest Vitreo yet.</blockquote>
  </div>
</div>