About Text Decoration
Reading Forest allows you to apply decorations such as bold, italic, text color, and marker highlights to text in your notes. This is useful for emphasizing key points and organizing information with color coding.
How to Apply Decorations
Method 1: Popup Menu (Desktop)
-
Select text in display mode
Drag to select text in a saved note -
The popup menu appears
A decoration menu automatically appears near the selected text -
Click a decoration button
Choose the decoration you want: bold, italic, color, etc.
Method 2: From the Edit Menu
-
Select text during inline editing
Select text in the note input field -
Choose [Edit] → [Decoration]
Select a decoration from [Edit] → [Decoration] in the menu bar
On smartphones, selecting text will display a decoration modal dialog.
Available Decorations
Basic Styles
| Decoration | Syntax | Result |
|---|---|---|
| Bold | <b>text</b> |
text |
| Italic | <i>text</i> |
text |
| Underline | <u>text</u> |
text |
| Strikethrough | <s>text</s> |
|
| Superscript | <sup>text</sup> |
Xtext |
| Subscript | <sub>text</sub> |
Xtext |
Text Color & Marker
| Decoration | Syntax | Description |
|---|---|---|
| Text Color | <color=#ff0000>text</color> |
Display text in the specified color |
| Marker | <bg=#ffff00>text</bg> |
Highlight background in the specified color |
When choosing colors from the popup menu, you can pick from 50 theme colors and 10 standard colors. You can also enter any hex color code (e.g., #c00000).
Size Changes
| Decoration | Syntax | Description |
|---|---|---|
| Larger | <size=1.3em>text</size> |
Display at 1.3x normal size |
| Smaller | <size=0.8em>text</size> |
Display at 0.8x normal size |
Alignment & Spacing
| Decoration | Syntax | Description |
|---|---|---|
| Center | <center>text</center> |
Center-align text |
| Right | <right>text</right> |
Right-align text |
| Indent | <indent=1em>text</indent> |
Indent text by the specified amount |
| Horizontal Space | <space=1.5em> |
Insert left margin |
| Vertical Space | <vspace=1em> |
Insert top margin |
The syntax above can also be typed directly in the note field. Using the popup menu makes it easy to apply decorations without memorizing the syntax.
Examples
Emphasize Key Points
<b>Important:</b> This theorem is <color=#c00000>frequently tested</color>.Result: Important: This theorem is frequently tested.
Color-Coded Organization
<color=#0070c0>Pro:</color> Improves efficiency
<color=#c00000>Con:</color> Higher costMarker Highlights
<bg=#ffff00>This is the key point</bg>Result: This is the key point
FAQ
Q: The popup menu doesn't appear
The popup menu appears when you select text in display mode of a saved note. It does not appear in the text input field during editing, but you can use [Edit] → [Decoration] from the menu bar instead.
Q: How do I remove a decoration?
Select the decorated text and click the same decoration button again to remove it. You can also directly delete the tags (e.g., <b>...</b>) during inline editing.
Q: Can I combine multiple decorations?
Yes. You can apply multiple decorations together, such as bold + text color, or marker + italic.