Rich Text Editor
Lokus features a powerful rich text editor built on TipTap, providing an intuitive writing experience for both technical and non-technical users.
Text Formatting
Basic Formatting
- Bold: Cmd/Ctrl + B
- Italic: Cmd/Ctrl + I
Strikethrough: Cmd/Ctrl + Shift + S- Inline code
- Highlight text
- Underline: Cmd/Ctrl + U
Advanced Features
- Subscript and superscript
- Custom colors
- Font sizing options
Headers and Structure
The editor supports six levels of headers with automatic styling. Features include:
- Automatic table of contents generation
- Collapsible sections
- Anchor links for deep linking
- Header numbering (optional)
- Custom header IDs
Lists and Organization
Task Lists
Create interactive checkboxes with full task management:
- Click to toggle completion
- Task statistics display
- Due date integration
- Priority markers
- Subtask support
Ordered and Unordered Lists
- Auto-continuation
- Smart indentation
- Drag-and-drop reordering
- Multiple numbering styles
Code Blocks
The editor supports 100+ programming languages with syntax highlighting.
Code Block Features:
- Line numbers
- Copy code button
- Language badge
- Wrap lines toggle
- Expand/collapse
- Custom themes
- Filename display
Math Equations
Lokus uses KaTeX for beautiful mathematical typesetting.
Inline Math
Use single dollar signs for inline equations like E=mc²
Block Math
Use double dollar signs for display equations with full LaTeX support.
Math Features:
- KaTeX 0.16+ support
- LaTeX syntax
- Auto-sizing delimiters
- Custom macros
- Copy LaTeX source
- Error highlighting
Tables
Create structured data with markdown tables featuring:
- Column alignment (left, center, right)
- Resizable columns
- Sortable columns
- Row/column insertion
- Cell merging
- CSV import/export
- Excel paste support
Images and Media
Image Features
- Drag-and-drop upload
- Paste from clipboard
- Resize handles
- Alignment options
- Captions
- Lightbox view
- Lazy loading
- Image optimization
Videos and Audio
Support for embedding video and audio files.
Links
Standard Links
Create hyperlinks with markdown syntax.
Auto-linking
URLs and email addresses are automatically converted to links.
Wiki Links
See Wiki Links for internal linking.
Smart Features
Smart Paste
The editor intelligently handles pasted content from:
- Web pages (preserves formatting)
- Code editors (detects language)
- Spreadsheets (converts to tables)
Auto-completion
Context-aware suggestions for:
- Wiki links
- Tags
- Mentions
Smart Formatting
Automatic conversions for common symbols and typography.
Extensions and Customization
Built-in Extensions
Lokus includes comprehensive TipTap extensions for all core features.
Custom Extensions
Developers can create custom extensions. See Developer Guide for details.
Editor Configuration
Configure editor behavior in Settings:
Appearance:
- Font family and size
- Line height and width
- Theme (light/dark)
- Syntax highlighting theme
Behavior:
- Auto-save interval
- Spell check
- Auto-completion
- Smart formatting
- Vim/Emacs mode
Markdown:
- Strict mode vs. loose
- GFM (GitHub Flavored Markdown)
- CommonMark compliance
- Custom extensions
Writing Modes
Focus Mode: Hides sidebars and reduces distractions
Typewriter Mode: Keeps cursor line centered
Zen Mode: Fullscreen with no UI
Export Options
Export your content in multiple formats:
- Markdown (.md)
- HTML (.html)
- PDF (.pdf)
- DOCX (.docx)
- LaTeX (.tex)
- Plain Text (.txt)
Best Practices
Writing Tips
- Use headers to structure content
- Break up text with short paragraphs
- Use lists to organize information
- Add links to connect related notes
- Use code blocks for technical content
- Add images to enhance understanding
Markdown Style
- One blank line between sections
- Consistent list markers
- ATX headers (# not =)
- Fenced code blocks
- Reference-style links for readability
Next Steps
- Explore Wiki Links for connecting notes
- Learn about Templates for efficient note creation
- Check out Themes for customizing appearance
- See Developer Guide for creating extensions