Note Editor Toolbar HTML Samples - ankidroid/Anki-Android GitHub Wiki

HTML is a powerful language which allows almost limitless customization of your notes. If this page doesn't list what you require, Google can likely provide the answers. Styling advice can also be requested on our mailing list.

If the instructions state to wrap text in <mark></mark>:

• Place <mark> in the "HTML Before Selection" field
• Place </mark> in the "HTML After Selection" field

Colors in HTML are specified in a hexadecimal format: (similar to: #000000). Many color pickers are available online. If you need one, try: https://nodtem66.github.io/nextion-hmi-color-convert/index.html

• Wrap the text in <span style="color:#0000FF"></span> where #0000FF is the color that you want.

A simple highlight can be performed via wrapping the text in <mark></mark>

A more complex highlight can be performed by wrapping the text with <mark style="background:#FF0000"></mark>

Use two toolbar buttons: one for each item, and a second for the list

• Wrap each item of the list in <li></li>
• After adding all items, wrap them in either:
  • <ul></ul> for a bulleted list
  • <ol></ol> for a numbered list

Wrap text in <sup></sup> for superscript text, or <sub></sub> for subscript text