Using markup function in UTOL

What is the Markup Feature?

The markup feature is a function that allows you to format text entered on UTOL. By using this feature, you can make the appearance of the text more readable and cleaner, as well as clarify the structure of the document. Specifically, it allows you to emphasize text, embed links, and insert mathematical formulas.

The following image shows formatted text with the markup feature.

How to identify text areas that support the markup feature

Not all text areas (input fields for text) support the markup feature. Text areas that support the markup feature have a dedicated toolbar.

How to Use the Markup Feature

Here we explain the way to use the markup feature in two parts: how to format text and how to remove formatting.

Formatting text

To format text, click the appropriate icon in the toolbar. Below are the descriptions and usage of each text format you can set.

• Font: You can choose from “Sans Serif”, “Serif”, or “Monospace”. The default is “Sans Serif”.
• Font size: You can choose from “Small”, “Normal”, “Large”, or “Huge”. The default is “Normal”.
• Bold, Italic, Underline, Strikethrough: You can make the texts bold, italicized, underlined, or crossed out. is the bold, is the Italic，is the underline，is the strikethrough．
• Text and background color: is the text color icon and is the text background color icon. 35 colors are available with black being the default color.
• Subscript, Superscript: You can display text smaller and below or above the baseline of the preceding text. is the subscript and is the superscript．
• Headings: You can display text as headings. The proper use of headings clarifies the structure of the document. There are six levels of headings, with formatting such as bold and font size applied according to the level.
  • There are six levels from Heading 1 to Heading 6.

    

    

  • Heading 1 and Heading 2 can also be set from the icon.
• Blockquote: You can clarify that the text has been quoted or republished. It will be displayed as shown in the example below.
• Code Block: You can display source code or similar content of programming languages in white text on black background for better readability. Coloring (syntax highlighting: coloring the source code corresponding to its meaning) is not supported.
• Numbering and Bullet Lists: You can display specified lines as lists. is the numbering list, and is the bullet list．Lines are displayed as follows:

  

  

• Text Indentation: You can set the indentation (margin at the beginning of the line) of the text. is the icon to increase indentation and is the icon to decrease indentation．
• Text Alignment: You can set the text alignment. Choose from “Left Align”, “Right Align”, “Center Align”, or “Justify”. “Left Align” and “Right Align” can also be set with the iconfound on the left side of the drop-down list.
• Links：You can add links to text. To create a link, while keeping the text selected, click the link icon, and enter the URL in the input field that is displayed.
• Insert Formulas：You can display formulas. Enter formulas using the TeX notation in the input field that is displayed when you click the icon.
  • TeX is a notation used for displaying complex formulas, particularly in mathematics. For the symbols that can be displayed, refer to the KaTeX official documentation．

  

  

Removing the set formatting

To remove the set formatting, select the portion of text you want to delete the format from, and press ．The formatting will be removed, and the text will return to its default display.