ezDoc User Guide

Text Formatting

Master text formatting in ezDoc with Markdown syntax and toolbar buttons.

Toolbar Buttons

Basic Formatting

  • H - Headings (H1-H6)
  • B - Bold text
  • I - Italic text
  • U - Underline
  • S - Strikethrough
  • 💬 - Comment (HTML comment)

Lists

  • - Bullet list
  • - Numbered list

Alignment

  • - Left align
  • - Center align
  • - Right align

Special Elements

  • - Horizontal rule
  • </> - Code block
  • 🔗 - Insert link

Markdown Syntax

Headings

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

Text Styles

**Bold text**
*Italic text*
***Bold and italic***
~~Strikethrough~~
`Inline code`

Lists

- Bullet item 1
- Bullet item 2
  - Nested item

1. Numbered item 1
2. Numbered item 2
   1. Nested numbered
[Link text](https://example.com)
[Link with title](https://example.com "Title")

Code Blocks

```javascript
function hello() {
  console.log("Hello, world!");
}
```

Blockquotes

> This is a blockquote
> Multiple lines

Horizontal Rules

---
***
___

Tables

| Header 1 | Header 2 |
|----------|----------|
| Cell 1   | Cell 2   |
| Cell 3   | Cell 4   |

HTML in Markdown

You can use HTML directly in Markdown pages:

# Markdown Heading

<div class="notification is-info">
  <p>HTML notification!</p>
</div>

Back to **Markdown**.

Bulma Classes

Apply Bulma CSS classes to text:

  1. Select text
  2. Click "Bulma Class" button
  3. Choose a class or enter custom
  4. Text is wrapped with the class

Common Classes

  • has-text-primary - Primary color
  • has-text-weight-bold - Bold
  • is-size-1 through is-size-7 - Text sizes
  • has-text-centered - Center align

Code Syntax Highlighting

Code blocks automatically get syntax highlighting:

```python
def hello():
    print("Hello, world!")
```

```javascript
const greeting = "Hello, world!";
console.log(greeting);
```

Supported languages: JavaScript, Python, HTML, CSS, JSON, Bash, and many more!

Best Practices

  • Use headings hierarchically (H1 → H2 → H3)
  • Don't skip heading levels
  • Use bold for emphasis, not headings
  • Keep code blocks properly formatted
  • Use appropriate list types

✨ Pro Tip: Preview your page frequently to see how formatting looks!