Editor Features

Sprouti's editor is a high-performance text editor that supports Markdown syntax.
It offers comprehensive features including real-time preview and diff display to support efficient document creation.

Editor Interface Layout

1. Editor Display Modes

Dual Pane (Recommended)

• Left Side: Markdown editor
• Right Side: Real-time preview
• Features: Edit and preview simultaneously

Editor Only

• Full Screen: Editor display only
• Use Case: When you want to focus on editing

Preview Only

• Full Screen: Preview display only
• Use Case: Reviewing completed documents

Diff Display

• Split View: Compare before and after changes
• Use Case: Reviewing edit content

2. Toolbar Functions

Markdown Syntax Guide

Headings

# Large Heading (H1)

## Medium Heading (H2)

### Small Heading (H3)

#### Smaller Heading (H4)

##### Even Smaller Heading (H5)

###### Smallest Heading (H6)

Text Formatting

**Bold text**
_Italic text_
~~Strikethrough~~
`Inline code`
==Highlight==

Lists

## Bullet Lists

- Item 1
- Item 2
  - Sub item
  - Sub item

## Numbered Lists

1. First item
2. Second item
   1. Sub item
   2. Sub item

## Checklists

- [x] Completed task
- [ ] Incomplete task
- [ ] Another incomplete task

Links and Images

## Links

[Link text](https://example.com)
[Reference link][ref1]

[ref1]: https://example.com

## Images

![Alt text](image.png)
![Image description](image.png 'Title')

Tables

| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| Data 1   | Data 2   | Data 3   |
| Data 4   | Data 5   | Data 6   |

## Alignment

| Left   | Center | Right |
| :----- | :----: | ----: |
| Left   | Center | Right |

Code Blocks

## Inline Code

Check the value of variable `variable`

## Code Blocks

```javascript
function hello() {
  console.log('Hello, World!');
}
```

## Code Blocks with Filename

```python:example.py
def main():
    print("Hello, Python!")

if __name__ == "__main__":
    main()
```

Quotes

> This is a quote.
> You can quote across
> multiple lines.

> ## Quote with heading
>
> You can use **bold** and *italic* within quotes.

Horizontal Rules

---

---

Editor Feature Details

1. Syntax Highlighting

Supported Languages

• Programming Languages: JavaScript, Python, Java, C++, Go, Rust, etc.
• Markup: HTML, XML, JSON, YAML, etc.
• Others: CSS, SQL, Shell Script, etc.

Custom Themes

• Light mode compatible themes
• Dark mode compatible themes
• Contrast adjustment functionality

2. Diff Display Function

Use Cases

• Before/After Comparison: Reviewing changes
• Version Comparison: Compare content at different points in time
• Collaboration Review: Review others' edits

Display Format

• Addition: Green highlighting
• Deletion: Red highlighting
• Change: Yellow highlighting

3. Search Function

Basic Search

• Ctrl/Cmd + F: Open search dialog
• Case Sensitivity: Toggle between case sensitive/insensitive
• Regular Expressions: Advanced pattern search