Rich Text Editor

richText

Rich Text Editor

A powerful, versatile text editor that works everywhere in Journal it! - from

and to private notes and calendar session notes and comments. Format text, create links, add highlights, and capture your thoughts with full creative control.

Two Modes: View and Edit

The editor operates in two modes, each optimized for different tasks:

view

View Mode

Optimized for reading and annotating content. You can click links, add highlights with comments, create mentions (including inline notes), and view all formatting. Full text editing requires switching to edit mode.

edit

Edit Mode

Full editing capabilities with formatting toolbar. Add text, create links, apply highlights, insert mentions, and format content with markdown or visual controls.

How Mode Switching Works

πŸ“

In Full-View Contexts

When viewing

or , the entire view has a mode. Tap the edit button (top-right) to switch to edit mode, making all text editors editable. Tap the save button to switch back to view mode.

Example: Opening a journal entry β†’ Tap edit button β†’ Edit the title, body text, and comments β†’ Tap save button β†’ Returns to view mode

calendar

In Section Contexts

In views like

(which have note and comment sections) or (which have private notes), the main view stays in one mode. Individual sections default to edit mode and auto-save your changes. Each section has a toggle button in the top-right corner to switch between view and edit modes.

Example: Viewing a

β†’ Comment section defaults to edit mode β†’ Edit the comment (saves automatically) β†’ Tap the toggle button in the section header β†’ Comment section switches to view mode β†’ Tap the toggle button again β†’ Comment section switches back to edit mode (while the rest of the view remains unchanged)

Text Formatting Features

textStyle

Text Styling

  • β€’Bold, italic, underline, strikethrough
  • β€’6 levels of headings (H1-H6)
  • β€’Text color and background
list

Lists & Structure

  • β€’Bullet lists for ideas
  • β€’Numbered lists for sequences
  • β€’Checkbox lists for action items
  • β€’Quote blocks for citations
  • β€’Horizontal dividers
  • β€’Code blocks with syntax
keyboard

Smart Input

  • β€’Markdown shortcuts for headers and bullets
  • β€’Copy/paste retains formatting
  • β€’Keyboard shortcuts for common actions

Bi-directional Links & Mentions

Create connections between your content with @ mentions. Every mention creates a bidirectional link that you can navigate in both directions.

mention

Mention Items

Type @ or tap the mention button (@) to search and mention

, , , , , and more. Continue typing to search, then tap to select. You can also select text first, then create a mention - this works in both view and edit modes.

Example:In a journal entry, type "@Launch" β†’ Select "Launch Marketing Campaign"

from search results β†’ When viewing the task, it now shows "3 mentions" next to its

date

Mention Dates

Mention a specific date to create a link to that day's

. Type @today for today's date. For other dates, type @ or tap the mention button, then tap the 'add date' button to select a date. Click any date mention to jump directly to that date in the calendar view.

Example: Type @today β†’ Creates a link to today's

OR type @ β†’ Tap 'add date' button β†’ Select December 25, 2024 β†’ Creates a link to that date

dateRange

Mention Date Ranges

Mention a date range to link to statistics for that period. Type @ or tap the mention button, then tap the 'add statistics' button to select a period. Perfect for referencing productivity stats or tracking progress over time.

Example: Type @ β†’ Tap 'add statistics' button β†’ Select Jan 2024 - Mar 2024 β†’ Creates a link that opens statistics view filtered to Q1 2024

note

Inline Notes

Create private notes within your text that are only accessible from the parent content. In edit mode: type @ or tap the mention button. In view mode: select text first, then tap the mention button. Then tap the 'add inline note' button. Great for nested thoughts or contextual annotations.

Example: Edit mode: Type @ β†’ Tap 'add inline note' button OR View mode: Select text β†’ Tap mention button β†’ Tap 'add inline note' button β†’ Add your private thought

dragHandle

Drag & Drop Mentions

Drag any item from other views and drop it into the editor to create a mention. Drop on selected text to create a linked mention with custom display text.

Example: Drag a

(entry, note, completed task, etc.) from the view β†’ Drop into editor β†’ Instant mention link created

Highlights with Comments

Highlights let you mark important passages and add contextual comments.

setColor

Color-Coded Highlights

Select text and apply colored highlights. Choose from multiple colors to categorize different types of information.

comment

Add Comments

Click any highlight to add comments or annotations. Perfect for adding context, questions, or thoughts about specific passages.

Pro tip: Use consistent highlight colors across your notes - for example, yellow for key concepts, green for action items, blue for questions.

Media & Attachments

media

Top Medias

Add images and videos (up to 250MB) at the top of your content. For

or in edit mode: tap the button in the bottom row. For sections: tap the button in the top-right corner (works in any mode).

Example: In a journal entry (edit mode) β†’ Tap the media button in bottom row β†’ Select or capture image β†’ Media appears at the top

middlePhoto

Medias Between Text

Insert images and videos inline with your text to create rich, visual content. When your cursor is in the body text of the note/entry/section in edit mode, the 'add middle medias' button appears in the bottom row. Tap it to create a media section at the cursor position with 'add media' and 'remove' buttons.

Example: Writing a note β†’ Place cursor in body text β†’ 'Add middle medias' button appears in bottom row β†’ Tap it β†’ A section appears at cursor with two buttons β†’ Tap 'add media' button β†’ Select image β†’ Media is inserted between paragraphs

πŸ”„

Reuse Existing Medias

Add images and videos you've already uploaded to prevent duplication. In the add media view, select the 'Recently added' view, then choose medias to add.

Example: Adding media β†’ Select 'Recently added' β†’ Choose previously uploaded image β†’ Media is added without re-uploading

attachment

File Attachments

Attach any type of file - documents, spreadsheets, PDFs, etc. Only PDFs are viewable directly in the app. Pick a new file or select existing files from the file manager. All attached files are managed in the file manager where you can long press a file β†’ View mentions.

Example:Attach a document β†’ Pick file or select from file manager β†’ File is attached and accessible in file manager β†’ Long press file β†’ 'View mentions' shows where it's used

Markdown Shortcuts

Type markdown shortcuts for headers and bullets as shown below. You can also paste markdown text from other apps - common formatting like bold, italic, headers, lists, links, quotes, and code blocks will be preserved.

# Heading 1β†’H1 heading
## Heading 2β†’H2 heading
### Heading 3β†’H3 heading
- Item→Bullet list item
* Item→Bullet list item

Pro Tips

file

Drag & Drop Files

Drag files directly from your device into the editing rich text editor. Images and videos (up to 250MB) are added as media, while other file types are added as attachments. This works from any file browser or desktop.

dragHandle

Drag & Drop Items in Big UI

When using Big UI (multi-pane layout), you can have the

view on one side and your editing or on the other. While writing (for example, a monthly review), drag from the timeline directly into your text to add mentions - no need to search or type.

Related Features

textNote

Text Notes

Create long-form notes with the rich text editor. Perfect for documentation, research, and knowledge management.

Learn more→
journal

Journal Entries

Write daily reflections with full formatting support. Add highlights, mentions, and media to capture moments.

Learn more→
dragHandle

Drag & Drop

Drag items into the editor to create mentions, or drop files to embed them. Seamless integration across views.

Learn more→
βŒπŸ•ΈοΈ