Content editing
The Lexxy editor in Gutter Press provides a powerful, intuitive content creation experience. This guide covers everything you need to know to create beautiful content.
The Editor Interface
When you create or edit a post, youβll see the Lexxy editor with its toolbar at the top:
Toolbar Overview
The toolbar is organized into logical groups:
| Group | Tools |
|---|---|
| Text Formatting | Bold, Italic, Underline, Strikethrough |
| Headings | H1, H2, H3, H4, H5, H6 |
| Lists | Bullet list, Numbered list, Task list |
| Blocks | Blockquote, Code block, Horizontal rule |
| Media | Image upload, Link |
| Tables | Insert table, Table controls |
Text Formatting
Basic Formatting
Select text and click the appropriate button, or use keyboard shortcuts:
| Format | Shortcut |
|---|---|
| Bold | Ctrl/Cmd + B |
| Italic | Ctrl/Cmd + I |
| Underline | Ctrl/Cmd + U |
Ctrl/Cmd + Shift + X |
Headings
Structure your content with headings. Use the dropdown or keyboard shortcuts:
| Heading | Shortcut |
|---|---|
| Heading 1 | Ctrl/Cmd + Alt + 1 |
| Heading 2 | Ctrl/Cmd + Alt + 2 |
| Heading 3 | Ctrl/Cmd + Alt + 3 |
Lists
Bullet Lists
Create unordered lists for items without a specific sequence:
- First item
- Second item
- Third item with nested content
- Nested item
- Another nested item
Numbered Lists
Use numbered lists for sequential steps or ranked items:
- First step
- Second step
- Third step
Task Lists
Create interactive checklists:
- Incomplete task
- Completed task
- Another task
Images
Uploading Images
You can add images in several ways:
- Click the image button in the toolbar
- Drag and drop an image directly into the editor
- Paste an image from your clipboard
Image Handling
Gutter Press automatically:
- Converts images to efficient formats
- Creates responsive variants
- Optimizes for web delivery
- Stores in your configured storage service
Tables
Tables are perfect for structured data. Hereβs how to work with them:
Creating a Table
- Click the table button in the toolbar
- Select the initial grid size
- Click to insert
Table Controls
Once you have a table, you can:
| Action | How |
|---|---|
| Add row above | Right-click β Insert row above |
| Add row below | Right-click β Insert row below |
| Add column left | Right-click β Insert column left |
| Add column right | Right-click β Insert column right |
| Delete row | Right-click β Delete row |
| Delete column | Right-click β Delete column |
| Delete table | Right-click β Delete table |
Table Styling
Tables automatically receive styling from your theme, including:
- Alternating row colors
- Header row highlighting
- Responsive behavior on mobile
Code Blocks
Inline Code
Wrap text in backticks for inline code.
Code Blocks
For multi-line code, use the code block tool:
class Post < ApplicationRecord
has_rich_text :content
validates :title, presence: true
validates :slug, presence: true, uniqueness: true
before_validation :generate_slug
private
def generate_slug
self.slug ||= title.parameterize
end
end
Supported Languages
Lexxy supports syntax highlighting for:
- Ruby
- JavaScript
- TypeScript
- Python
- HTML
- CSS
- SQL
- JSON
- Bash
- YAML
- Markdown
- And more...
Blockquotes
Use blockquotes to highlight important quotes or callouts:
βThe best content management system is the one that gets out of your way and lets you write.β
β A wise developer
Links
Adding Links
- Select the text to link
- Click the link button (or press
Ctrl/Cmd + K) - Enter the URL
- Click save
Link Types
- External links:
https://example.com - Internal links:
/getting-started - Anchor links:
#section-name - Email links:
mailto:[email protected]
Keyboard Shortcuts Reference
Master these shortcuts for efficient editing:
| Action | Windows/Linux | macOS |
|---|---|---|
| Bold | Ctrl + B |
Cmd + B |
| Italic | Ctrl + I |
Cmd + I |
| Underline | Ctrl + U |
Cmd + U |
| Link | Ctrl + K |
Cmd + K |
| Undo | Ctrl + Z |
Cmd + Z |
| Redo | Ctrl + Shift + Z |
Cmd + Shift + Z |
| Save | Ctrl + S |
Cmd + S |
Looking to customize the appearance?
Learn how to theme your Gutter Press installation.
Themes Guide β