Persistent Toolbar with Save Demo

This is a demo of the persistent toolbar mode with an external save button. The toolbar stays at the top until you select text, then it moves to the selection.

Try formatting this text with the toolbar above, then use the save button to see the content in different formats.

Here's an example of lists:

  • Bullet points are great for:
    • Organizing ideas
    • Making content scannable
    • Breaking up text
  1. Numbered lists work well for:
  2. Step-by-step instructions
  3. Prioritized items
  4. Sequential information

You can also add links to your content.

Try using the code formatting for technical terms or snippets.

This is a blockquote that you can use for important quotes or callouts in your content.

The toolbar includes many formatting options:

  • Text formatting: Bold, italic, underline, strikethrough
  • Script formatting: Subscript (H2O) and superscript (E=mc2)
  • Headings: H1 and H2 for structuring your content
  • Special formatting: Drop cap, code, quotes, and horizontal rules
  • Lists: Bullet and numbered lists
  • Alignment: Left, center, right, and justify
  • Links: Add URLs to your content

This horizontal rule above was added using the toolbar.

Saved Content (HTML)
Rendered HTML Preview Showing how the HTML will appear when rendered