` tags +- `linkify: true` — Auto-detect and link URLs +- `typographer: false` — Disable smart quotes and typographic replacements + +### `katex` + +KaTeX rendering options (empty object uses defaults). + +### `render` + +Fine-grained control over rendering features: +- `md-html` — HTML rendering +- `md-breaks` — Line break handling +- `md-linkify` — URL auto-linking +- `md-typographer` — Typography processing +- `md-sup` — Superscript support +- `md-sub` — Subscript support +- `md-wiki-links` — Wiki-style linking +- `md-hash-tags` — Hashtag support +- `multimd-multiline` — Multi-line table cells +- `multimd-rowspan` — Table row spanning +- `list-collapsible` — Collapsible list items +- `wrap-code` — Code block word wrapping + +## Verify Front Matter Effects + +### Heading Numbering + +All headings in this document should be automatically numbered. + +#### Sub-heading Example + +##### Deeper Heading + +### Variable Replacement + +The app name is --APP_NAME-- and the version is --APP_VERSION--. diff --git a/test/md/github-alerts.md b/test/md/github-alerts.md new file mode 100644 index 00000000..fd99587a --- /dev/null +++ b/test/md/github-alerts.md @@ -0,0 +1,56 @@ +# GitHub Alerts Test + +This document tests GitHub-style alert syntax supported by Yank Note. + +## Note Alert + +> [!NOTE] +> Useful information that users should know, even when skimming content. + +## Tip Alert + +> [!TIP] +> Helpful advice for doing things better or more easily. + +## Important Alert + +> [!IMPORTANT] +> Key information users need to know to achieve their goal. + +## Warning Alert + +> [!WARNING] +> Urgent info that needs immediate user attention to avoid problems. + +## Caution Alert + +> [!CAUTION] +> Advises about risks or negative outcomes of certain actions. + +## Alerts with Rich Content + +> [!NOTE] +> This alert contains **bold**, *italic*, and `code` formatting. +> +> It can also contain: +> - List item 1 +> - List item 2 +> +> And even [links](https://example.com). + +> [!WARNING] +> ```javascript +> // Code blocks work inside alerts too +> console.warn("Be careful!"); +> ``` + +## Multiple Alerts + +> [!TIP] +> First tip about the feature. + +> [!WARNING] +> Important warning about the same feature. + +> [!NOTE] +> Additional notes to consider. diff --git a/test/md/hashtags.md b/test/md/hashtags.md new file mode 100644 index 00000000..26f39f3d --- /dev/null +++ b/test/md/hashtags.md @@ -0,0 +1,46 @@ +# Hashtags Test + +This document tests the hashtag/tag syntax supported by Yank Note. + +## Basic Hashtags + +#YankNote + +#Markdown + +#Test + +## Hashtags with Special Characters + +#my-tag + +#my_tag + +#tag/subtag + +## Chinese Hashtags + +#笔记 + +#测试标签 + +#Yank笔记 + +## Hashtags in Context + +This is a paragraph with a #hashtag in the middle. + +Multiple tags: #tag1 #tag2 #tag3 + +## Hashtags in Lists + +- #feature1 First feature +- #feature2 Second feature +- #bug Fix for a bug + +## Notes + +- Hashtags must be preceded by whitespace or be at the start of a line +- Supported characters: alphanumeric, Chinese characters, `_`, `/`, `-` +- A `#` immediately following text (like C#) is NOT treated as a hashtag +- Example of non-hashtag: This is C# language (no space before #) diff --git a/test/md/heading-number.md b/test/md/heading-number.md new file mode 100644 index 00000000..082aacf2 --- /dev/null +++ b/test/md/heading-number.md @@ -0,0 +1,84 @@ +--- +headingNumber: true +--- + +# Heading Numbering Test + +This document tests automatic heading numbering in Yank Note. + +> **Note**: Enable heading numbering by setting `headingNumber: true` in front matter. + +## First Section + +Content of the first section. + +### Sub-section A + +Content of sub-section A. + +### Sub-section B + +Content of sub-section B. + +#### Detail B.1 + +Detail content. + +#### Detail B.2 + +Detail content. + +##### Deep Detail B.2.1 + +Deep content. + +## Second Section + +Content of the second section. + +### Sub-section A + +Content. + +### Sub-section B + +Content. + +### Sub-section C + +Content. + +#### Detail C.1 + +Content. + +## Third Section + +Content of the third section. + +### Sub-section A + +Content. + +#### Detail A.1 + +Content. + +#### Detail A.2 + +Content. + +##### Deep Detail A.2.1 + +Content. + +###### Deepest Detail A.2.1.1 + +Content. + +## Numbering Notes + +- Heading numbering uses CSS counters for h2 through h6 +- h1 is not numbered (used as document title) +- Numbering resets appropriately for each level +- The format is: `2.`, `2.1.`, `2.1.1.`, etc. diff --git a/test/md/html.md b/test/md/html.md new file mode 100644 index 00000000..b6626f64 --- /dev/null +++ b/test/md/html.md @@ -0,0 +1,118 @@ +# HTML Support Test + +This document tests raw HTML rendering in Yank Note. + +> **Note**: HTML support requires `html: true` in mdOptions (enabled by default). + +## Basic HTML Tags + +
This is a paragraph in HTML.
+ +Bold text and italic text + +Underlined text + +Highlighted text via HTML + +## Div and Span + +
+
+
+## HTML Table
+
+This is a styled div container.
+With colored span elements.
+| Name | +Type | +Status | +
|---|---|---|
| Feature A | +Enhancement | +✅ Done | +
| Feature B | +Bug Fix | +🔄 In Progress | +
+
+
+Click to expand
+This is hidden content revealed by clicking the summary.
+-
+
- Item 1 +
- Item 2 +
- Item 3 +
+
+
+## Keyboard Input
+
+Press Ctrl + C to copy.
+
+Press Ctrl + Shift + P to open command palette.
+
+## Abbreviation and Definition
+
+YN is a great markdown editor.
+
+This is open by default
+Content visible from the start.
+-
+
- Markdown +
- A lightweight markup language +
- Yank Note +
- A feature-rich markdown editor +
+
+**This is markdown** inside an HTML div.
+
+- List item 1
+- List item 2
+
+`Code` works here too.
+
+
+
+## Notes
+
+- HTML rendering is controlled by `mdOptions.html` (default: `true`)
+- In safe mode, certain tags and attributes are filtered
+- Script tags are prevented for security
+- HTML can be freely mixed with markdown content
diff --git a/test/md/image-enhancements.md b/test/md/image-enhancements.md
new file mode 100644
index 00000000..8d2bc1b7
--- /dev/null
+++ b/test/md/image-enhancements.md
@@ -0,0 +1,68 @@
+# Image Enhancements Test
+
+This document tests image enhancement features in Yank Note.
+
+## Basic Image
+
+
+
+## Image with Size
+
+### Width and Height
+
+
+
+### Width Only (auto height)
+
+
+
+### Percentage Width
+
+
+
+## Image with Query Parameters
+
+### Inline Display
+
+ This text is next to the inline image.
+
+### White Background
+
+
+
+### Combined Parameters
+
+
+
+## Image Centering
+
+When a paragraph contains only a single image, it is automatically centered:
+
+
+
+## Image with Attributes
+
+{style="border-radius: 50%;"}
+
+{.with-border}
+
+{.reduce-brightness}
+
+## Image in Different Contexts
+
+### Image in List
+
+-  Item with image
+-  Another item
+
+### Image in Table
+
+| Image | Description |
+|-------|-------------|
+|  | First image |
+|  | Second image |
+
+### Image in Blockquote
+
+> 
+> An image inside a blockquote.
diff --git a/test/md/kroki.md b/test/md/kroki.md
new file mode 100644
index 00000000..e6523b31
--- /dev/null
+++ b/test/md/kroki.md
@@ -0,0 +1,162 @@
+# Kroki Diagrams Test
+
+This document tests Kroki diagram rendering in Yank Note.
+
+> **Note**: Requires the `@yank-note/extension-kroki` extension.
+
+## WaveDrom (Digital Timing Diagram)
+
+```js
+// --kroki-- wavedrom
+{
+ signal: [
+ { name: "clk", wave: "p.....|..." },
+ { name: "data", wave: "x.345x|=.x", data: ["head", "body", "tail", "data"] },
+ { name: "req", wave: "0.1..0|1.0" },
+ {},
+ { name: "ack", wave: "1.....|01." }
+ ]
+}
+```
+
+## GraphViz (DOT)
+
+```js
+// --kroki-- graphviz
+digraph G {
+ rankdir=LR;
+ node [shape=box, style=filled, fillcolor=lightblue];
+
+ A [label="Input"];
+ B [label="Process"];
+ C [label="Output"];
+ D [label="Log"];
+
+ A -> B;
+ B -> C;
+ B -> D [style=dashed];
+}
+```
+
+## Ditaa (ASCII Art Diagrams)
+
+```js
+// --kroki-- ditaa
++--------+ +-------+ +-------+
+| +---+ ditaa | | |
+| Text | +-------+ |diagram|
+|Document| |!magic!| | |
+| {d}| | | | |
++---+----+ +-------+ +-------+
+ : ^
+ | Lots of work |
+ +-------------------------+
+```
+
+## BlockDiag
+
+```js
+// --kroki-- blockdiag
+blockdiag {
+ A -> B -> C -> D;
+ A -> E -> F -> G;
+
+ group {
+ label = "Group 1";
+ color = "#FF9900";
+ A; B; C;
+ }
+
+ group {
+ label = "Group 2";
+ color = "#3399FF";
+ E; F;
+ }
+}
+```
+
+## SeqDiag (Sequence Diagram)
+
+```js
+// --kroki-- seqdiag
+seqdiag {
+ browser -> webserver [label = "GET /index.html"];
+ browser <-- webserver;
+ browser -> webserver [label = "POST /form"];
+ browser <-- webserver;
+ browser -> webserver [label = "GET /image.png"];
+ browser <-- webserver;
+}
+```
+
+## ActDiag (Activity Diagram)
+
+```js
+// --kroki-- actdiag
+actdiag {
+ write -> convert -> review
+
+ lane user {
+ label = "User"
+ write [label = "Write document"];
+ review [label = "Review result"];
+ }
+
+ lane engine {
+ label = "Engine"
+ convert [label = "Convert to HTML"];
+ }
+}
+```
+
+## ERD (Entity Relationship Diagram)
+
+```js
+// --kroki-- erd
+[Person]
+*name
+height
+weight
+
+[Pet]
+*name
+breed
+
+Person *--* Pet
+```
+
+## SVGBob (ASCII Art to SVG)
+
+```js
+// --kroki-- svgbob
+ .---.
+ /-o-/--
+ .-/ / /->
+ ( * \/
+ '-. \
+ \ /
+ '
+```
+
+## C4 Diagram (PlantUML)
+
+```js
+// --kroki-- c4plantuml
+@startuml
+!include C4_Context.puml
+
+Person(user, "User", "A user of Yank Note")
+System(yn, "Yank Note", "Markdown editor")
+System_Ext(ext, "Extensions", "Plugin system")
+
+Rel(user, yn, "Uses")
+Rel(yn, ext, "Loads")
+@enduml
+```
+
+## Notes
+
+- Kroki supports many diagram types through a unified API
+- Use `// --kroki-- [diagram-type]` marker in JS code blocks
+- Supported types include: wavedrom, graphviz, ditaa, blockdiag, seqdiag, actdiag, nwdiag, erd, svgbob, c4plantuml, and more
+- Diagrams are rendered server-side via the Kroki API
diff --git a/test/md/list-collapsible.md b/test/md/list-collapsible.md
new file mode 100644
index 00000000..32252caa
--- /dev/null
+++ b/test/md/list-collapsible.md
@@ -0,0 +1,55 @@
+# Collapsible Lists Test
+
+This document tests the collapsible list feature in Yank Note.
+
+> **Note**: Enable collapsible lists by setting `render.list-collapsible: true` in front matter or settings.
+
+## Basic Collapsible List
+
+- Parent item 1
+ - Child item 1.1
+ - Child item 1.2
+ - Grandchild 1.2.1
+ - Grandchild 1.2.2
+ - Child item 1.3
+- Parent item 2
+ - Child item 2.1
+ - Child item 2.2
+- Parent item 3 (no children, not collapsible)
+
+## Deeply Nested List
+
+- Level 1
+ - Level 2
+ - Level 3
+ - Level 4
+ - Level 5
+ - Level 6
+
+## Mixed List Types
+
+1. Ordered parent 1
+ - Unordered child A
+ - Unordered child B
+ 1. Ordered grandchild I
+ 2. Ordered grandchild II
+2. Ordered parent 2
+ - Unordered child C
+
+## Collapsible with Content
+
+- **Project Structure**
+ - `src/` - Source code
+ - `main/` - Main application
+ - `renderer/` - UI renderer
+ - `share/` - Shared utilities
+ - `test/` - Test files
+ - `build/` - Build configuration
+ - `scripts/` - Build scripts
+
+## Usage Notes
+
+- Click the chevron icon to collapse/expand nested lists
+- The chevron appears on hover for items with children
+- Leaf items (no children) are not collapsible
+- Configure via `render.list-collapsible` setting
diff --git a/test/md/luckysheet.md b/test/md/luckysheet.md
new file mode 100644
index 00000000..3cffd962
--- /dev/null
+++ b/test/md/luckysheet.md
@@ -0,0 +1,23 @@
+# Luckysheet Test
+
+This document tests Luckysheet (spreadsheet) integration in Yank Note.
+
+## Embed Luckysheet File
+
+Use a link with `link-type="luckysheet"` attribute to embed a Luckysheet spreadsheet:
+
+[My Spreadsheet](./example.luckysheet){link-type="luckysheet"}
+
+## Multiple Sheets
+
+[Financial Data](./financial.luckysheet){link-type="luckysheet"}
+
+[Inventory Tracker](./inventory.luckysheet){link-type="luckysheet"}
+
+## Notes
+
+- Luckysheet provides Excel-like spreadsheet functionality within Yank Note
+- Files use the `.luckysheet` extension
+- Spreadsheets are embedded using the link syntax with `link-type="luckysheet"` attribute
+- Supports formulas, formatting, charts, and other spreadsheet features
+- **Known Issues**: There may be bugs with this integration; use with caution
diff --git a/test/md/macro.md b/test/md/macro.md
new file mode 100644
index 00000000..57169002
--- /dev/null
+++ b/test/md/macro.md
@@ -0,0 +1,81 @@
+---
+enableMacro: true
+define:
+ --February--: February
+ --�ÿ月--: 二月
+---
+
+# Macro Replacement Test
+
+This document tests the macro replacement feature (`[= expression =]`) of Yank Note.
+
+> **Note**: Macros require `enableMacro: true` in front matter to work.
+
+## Basic Expressions
+
+Simple math: [= 1 + 2 =]
+
+String operation: [= 'Hello' + ' ' + 'World' =]
+
+Ternary: [= true ? 'Yes' : 'No' =]
+
+## Built-in Variables
+
+### Document Information (`$doc`)
+
+Document basename: [= $doc.basename =]
+
+Document name: [= $doc.name =]
+
+## Sequence Numbering (`$seq`)
+
+Figure [= $seq('figure') =]: First diagram
+
+Figure [= $seq('figure') =]: Second diagram
+
+Figure [= $seq('figure') =]: Third diagram
+
+Table [= $seq('table') =]: First table
+
+Table [= $seq('table') =]: Second table
+
+## Variable Export (`$export`)
+
+[= $export('greeting', 'Hello from Yank Note') =]
+
+The exported value is: [= greeting =]
+
+[= $export('count', 42) =]
+
+The count is: [= count =]
+
+## Date and Time
+
+Current timestamp: [= new Date().toISOString() =]
+
+Year: [= new Date().getFullYear() =]
+
+## Conditional Content
+
+[= 1 > 0 ? '✅ Condition is true' : '❌ Condition is false' =]
+
+## Text Define Replacement
+
+The month is: --FEBRUARY--
+
+中文月份: --二月--
+
+## Complex Expressions
+
+Array operation: [= [1,2,3,4,5].reduce((a,b) => a+b, 0) =]
+
+String repeat: [= '⭐'.repeat(5) =]
+
+## Include Other Documents
+
+
+
+
+## After Macro Hook
+
+[= $afterMacro(() => { /* post-processing logic */ }) =]
diff --git a/test/md/mark.md b/test/md/mark.md
new file mode 100644
index 00000000..d8735d26
--- /dev/null
+++ b/test/md/mark.md
@@ -0,0 +1,43 @@
+# Mark / Highlight Test
+
+This document tests the mark (highlight) syntax supported by Yank Note.
+
+## Basic Highlighting
+
+==This text is highlighted==
+
+This sentence has ==highlighted words== in the middle.
+
+## Multiple Highlights
+
+==First highlight== and ==second highlight== in one line.
+
+## Highlight with Other Formatting
+
+==**Bold and highlighted**==
+
+==*Italic and highlighted*==
+
+==`Code and highlighted`==
+
+==~~Strikethrough and highlighted~~==
+
+## Highlight in Context
+
+Important: ==Remember to save your work== before closing the editor.
+
+The key takeaway is ==Yank Note supports rich markdown features==.
+
+## Highlight in Lists
+
+- ==Important item==
+- Normal item
+- ==Another important item==
+
+## Highlight in Blockquote
+
+> The most important part of this quote is ==right here==.
+
+## Cloze Extension Note
+
+When the `@yank-note/extension-cloze` extension is installed, highlighted text (`==text==`) can also function as cloze deletions for flashcard-style learning. The highlighted text can be toggled between visible and hidden states.
diff --git a/test/md/markmap.md b/test/md/markmap.md
new file mode 100644
index 00000000..24648148
--- /dev/null
+++ b/test/md/markmap.md
@@ -0,0 +1,85 @@
+# Markmap Test
+
+This document tests Markmap (interactive mind map) rendering in Yank Note.
+
+> **Note**: Requires the `@yank-note/extension-markmap` extension.
+
+## Using `{.markmap}` Class on List
+
++ Yank Note{.markmap}
+ + **Editing**
+ + Markdown syntax
+ + Code highlighting
+ + Auto-completion
+ + **Preview**
+ + Real-time rendering
+ + Diagrams
+ + Math formulas
+ + **Organization**
+ + Wiki links
+ + Tags
+ + TOC
+ + **Extensions**
+ + Mermaid
+ + ECharts
+ + Draw.io
+
+## Software Architecture Markmap
+
++ Application Architecture{.markmap}
+ + **Frontend**
+ + Vue.js
+ + TypeScript
+ + CSS/SCSS
+ + **Backend**
+ + Electron
+ + Node.js
+ + File System API
+ + **Plugins**
+ + markdown-it
+ + KaTeX
+ + PrismJS
+ + **Build**
+ + Vite
+ + electron-builder
+
+## Using Markmap Code Block
+
+```markmap
+# Learning Path
+
+## Frontend
+### HTML
+### CSS
+### JavaScript
+#### React
+#### Vue
+#### Angular
+
+## Backend
+### Node.js
+### Python
+### Go
+
+## DevOps
+### Docker
+### Kubernetes
+### CI/CD
+```
+
+## Full Document Markmap
+
+To render the entire document as a markmap, add this to the front matter:
+
+```yaml
+---
+defaultPreviewer: 'Markmap'
+---
+```
+
+## Notes
+
+- Add `{.markmap}` class to a list root item for inline markmap
+- Use `markmap` code block for standalone markmaps
+- Set `defaultPreviewer: 'Markmap'` to render entire document as markmap
+- Markmaps are interactive: zoom, pan, expand/collapse nodes
diff --git a/test/md/math-katex.md b/test/md/math-katex.md
new file mode 100644
index 00000000..2b43a9df
--- /dev/null
+++ b/test/md/math-katex.md
@@ -0,0 +1,118 @@
+# KaTeX Math Test
+
+This document tests KaTeX math formula rendering in Yank Note.
+
+## Inline Math
+
+The quadratic formula is $x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$.
+
+Einstein's equation: $E = mc^2$.
+
+Simple expression: $a^2 + b^2 = c^2$.
+
+Greek letters: $\alpha$, $\beta$, $\gamma$, $\delta$, $\epsilon$, $\theta$, $\lambda$, $\mu$, $\pi$, $\sigma$, $\omega$.
+
+## Block Math
+
+$$
+\sum_{i=1}^{n} i = \frac{n(n+1)}{2}
+$$
+
+$$
+\int_{0}^{\infty} e^{-x^2} dx = \frac{\sqrt{\pi}}{2}
+$$
+
+$$
+f(x) = \begin{cases}
+ x^2 & \text{if } x \geq 0 \\
+ -x^2 & \text{if } x < 0
+\end{cases}
+$$
+
+## Matrix
+
+$$
+A = \begin{pmatrix}
+ a_{11} & a_{12} & a_{13} \\
+ a_{21} & a_{22} & a_{23} \\
+ a_{31} & a_{32} & a_{33}
+\end{pmatrix}
+$$
+
+$$
+\begin{bmatrix}
+ 1 & 0 & 0 \\
+ 0 & 1 & 0 \\
+ 0 & 0 & 1
+\end{bmatrix}
+$$
+
+## Aligned Equations
+
+$$
+\begin{aligned}
+ a &= b + c \\
+ d &= e + f + g \\
+ h &= i + j + k + l
+\end{aligned}
+$$
+
+## Fractions and Binomials
+
+$$
+\frac{n!}{k!(n-k)!} = \binom{n}{k}
+$$
+
+## Limits and Calculus
+
+$$
+\lim_{x \to 0} \frac{\sin x}{x} = 1
+$$
+
+$$
+\frac{d}{dx}\left( \int_{a}^{x} f(t)\,dt \right) = f(x)
+$$
+
+## Chemical Equations (mhchem)
+
+$\ce{H2O}$
+
+$\ce{CO2 + H2O -> H2CO3}$
+
+$\ce{2H2 + O2 ->[\text{combustion}] 2H2O}$
+
+$\ce{Fe^{2+} + 2OH^{-} -> Fe(OH)2 v}$
+
+## Trigonometric Functions
+
+$$
+\sin^2\theta + \cos^2\theta = 1
+$$
+
+$$
+e^{i\pi} + 1 = 0
+$$
+
+## Summation and Product
+
+$$
+\prod_{i=1}^{n} x_i = x_1 \cdot x_2 \cdots x_n
+$$
+
+$$
+\sum_{k=0}^{\infty} \frac{x^k}{k!} = e^x
+$$
+
+## Set Notation
+
+$$
+A \cup B = \{x : x \in A \text{ or } x \in B\}
+$$
+
+$$
+A \cap B = \{x : x \in A \text{ and } x \in B\}
+$$
+
+$$
+\forall x \in \mathbb{R}, \exists y \in \mathbb{R} : x + y = 0
+$$
diff --git a/test/md/mermaid.md b/test/md/mermaid.md
new file mode 100644
index 00000000..4b09086c
--- /dev/null
+++ b/test/md/mermaid.md
@@ -0,0 +1,145 @@
+# Mermaid Diagrams Test
+
+This document tests Mermaid diagram rendering in Yank Note.
+
+> **Note**: Requires the `@yank-note/extension-mermaid` extension.
+
+## Flowchart
+
+```mermaid
+graph TD
+ A[Start] --> B{Is it working?}
+ B -->|Yes| C[Great!]
+ B -->|No| D[Debug]
+ D --> B
+ C --> E[End]
+```
+
+## Flowchart (Left to Right)
+
+```mermaid
+graph LR
+ A[Hard Edge] -->|Link text| B(Round Edge)
+ B --> C{Decision}
+ C -->|One| D[Result 1]
+ C -->|Two| E[Result 2]
+ C -->|Three| F[Result 3]
+```
+
+## Sequence Diagram
+
+```mermaid
+sequenceDiagram
+ participant Alice
+ participant Bob
+ participant Charlie
+ Alice->>Bob: Hello Bob, how are you?
+ Bob-->>Alice: I'm good, thanks!
+ Alice->>Charlie: Hi Charlie!
+ Charlie-->>Alice: Hey Alice!
+ Bob->>Charlie: Hi there!
+ Note over Alice,Charlie: A group conversation
+```
+
+## Class Diagram
+
+```mermaid
+classDiagram
+ class Animal {
+ +String name
+ +int age
+ +makeSound()
+ }
+ class Dog {
+ +String breed
+ +fetch()
+ }
+ class Cat {
+ +String color
+ +purr()
+ }
+ Animal <|-- Dog
+ Animal <|-- Cat
+```
+
+## State Diagram
+
+```mermaid
+stateDiagram-v2
+ [*] --> Idle
+ Idle --> Processing : Start
+ Processing --> Success : Complete
+ Processing --> Error : Fail
+ Error --> Idle : Retry
+ Success --> [*]
+```
+
+## Gantt Chart
+
+```mermaid
+gantt
+ title Project Timeline
+ dateFormat YYYY-MM-DD
+ section Planning
+ Requirements :a1, 2024-01-01, 10d
+ Design :a2, after a1, 15d
+ section Development
+ Backend :b1, after a2, 20d
+ Frontend :b2, after a2, 25d
+ section Testing
+ Integration :c1, after b1, 10d
+ UAT :c2, after c1, 5d
+```
+
+## Pie Chart
+
+```mermaid
+pie title Language Distribution
+ "JavaScript" : 40
+ "TypeScript" : 30
+ "Python" : 15
+ "Go" : 10
+ "Other" : 5
+```
+
+## Entity Relationship Diagram
+
+```mermaid
+erDiagram
+ USER ||--o{ ORDER : places
+ ORDER ||--|{ LINE-ITEM : contains
+ PRODUCT ||--o{ LINE-ITEM : "is in"
+ USER {
+ int id
+ string name
+ string email
+ }
+ ORDER {
+ int id
+ date created
+ string status
+ }
+ PRODUCT {
+ int id
+ string name
+ float price
+ }
+```
+
+## Journey Map
+
+```mermaid
+journey
+ title My Working Day
+ section Go to Work
+ Wake up: 1: Me
+ Get dressed: 2: Me
+ Commute: 3: Me, Bus
+ section At Work
+ Code: 5: Me
+ Meeting: 2: Me, Boss
+ Lunch: 4: Me, Colleagues
+ section Go Home
+ Commute: 3: Me, Bus
+ Relax: 5: Me
+```
diff --git a/test/md/mindmap.md b/test/md/mindmap.md
new file mode 100644
index 00000000..adb20c42
--- /dev/null
+++ b/test/md/mindmap.md
@@ -0,0 +1,68 @@
+# Mind Map Test
+
+This document tests the mind map feature in Yank Note.
+
+## Basic Mind Map
+
+- Central Topic{.mindmap}
+ - [1] Branch A
+ - Sub-topic A1
+ - Sub-topic A2
+ - [2] Branch B
+ - Sub-topic B1
+ - Sub-topic B2
+ - Sub-topic B3
+ - [3] Branch C
+ - Sub-topic C1
+
+## Project Planning Mind Map
+
+- Project Plan{.mindmap}
+ - [1] Requirements
+ - User Stories
+ - Acceptance Criteria
+ - Constraints
+ - [2] Design
+ - Architecture
+ - UI/UX
+ - Database Schema
+ - [3] Development
+ - Frontend
+ - Backend
+ - API
+ - [4] Testing
+ - Unit Tests
+ - Integration Tests
+ - E2E Tests
+ - [5] Deployment
+ - CI/CD
+ - Monitoring
+ - Documentation
+
+## Knowledge Map
+
+- Yank Note Features{.mindmap}
+ - [1] Markdown
+ - Basic Syntax
+ - Extended Syntax
+ - Custom Extensions
+ - [2] Diagrams
+ - Mermaid
+ - PlantUML
+ - Draw.io
+ - ECharts
+ - [3] Code
+ - Highlighting
+ - Execution
+ - Copy
+ - [4] Organization
+ - Wiki Links
+ - Tags
+ - TOC
+
+## Notes
+
+- Add `{.mindmap}` class to the root list item to render as a mind map
+- Uses kityminder-core as the rendering engine
+- Numbers in brackets `[1]`, `[2]` etc. are used for ordering branches
+- Nested list items become child nodes
diff --git a/test/md/multimd-table.md b/test/md/multimd-table.md
new file mode 100644
index 00000000..94e4dc37
--- /dev/null
+++ b/test/md/multimd-table.md
@@ -0,0 +1,87 @@
+# Multi-Markdown Table Test
+
+This document tests advanced table features provided by markdown-it-multimd-table.
+
+## Basic Table
+
+| Header 1 | Header 2 | Header 3 |
+|----------|----------|----------|
+| A1 | A2 | A3 |
+| B1 | B2 | B3 |
+
+## Multiline Cells
+
+Enable with `multimd-multiline: true` in render settings.
+
+| Feature | Description |
+|---------|-------------|
+| Multiline | This cell spans \
+multiple lines using \
+the backslash continuation |
+| Single | This is a single line cell |
+
+## Column Span
+
+| Header 1 | Header 2 | Header 3 |
+|----------|----------|----------|
+| A1 | A2 | A3 |
+| Merged Cell || | B3 |
+| C1 | Merged Cell ||
+
+## Row Span
+
+Enable with `multimd-rowspan: true` in render settings.
+
+| Header 1 | Header 2 | Header 3 |
+|----------|----------|----------|
+| A1 | A2 | A3 |
+| ^^ | B2 | B3 |
+| C1 | C2 | ^^ |
+
+The `^^` indicates the cell above spans into this row.
+
+## Headerless Table
+
+Enable with `multimd-headerless: true` in render settings.
+
+| | | |
+|----------|----------|----------|
+| A1 | A2 | A3 |
+| B1 | B2 | B3 |
+
+## Multi-body Table
+
+Enable with `multimd-multibody: true` in render settings.
+
+| Header 1 | Header 2 |
+|----------|----------|
+| Body 1 A | Body 1 B |
+| Body 1 C | Body 1 D |
+|----------|----------|
+| Body 2 A | Body 2 B |
+| Body 2 C | Body 2 D |
+
+## Complex Table
+
+| Project | Status | Priority | Notes |
+|---------|--------|----------|-------|
+| Feature A | ✅ Done | High | Merged Cell ||
+| Feature B | 🔄 In Progress || Medium | Needs review |
+| Feature C | ❌ Blocked | Low | Waiting for \
+dependency resolution |
+
+## Table with Alignment and Formatting
+
+| Left | Center | Right |
+|:-----|:------:|------:|
+| **Bold** | *Italic* | `Code` |
+| [Link](#) | ~~Strike~~ | ==Mark== |
+| Normal | $E=mc^2$ | :smile: |
+
+## Notes
+
+- `multimd-multiline`: Enable multi-line cells using `\` continuation
+- `multimd-rowspan`: Enable row spanning using `^^` marker
+- `multimd-headerless`: Allow tables without header rows
+- `multimd-multibody`: Allow multiple table bodies separated by horizontal rules
+- Column spanning uses empty cells (`||`)
diff --git a/test/md/plantuml.md b/test/md/plantuml.md
new file mode 100644
index 00000000..dff28e51
--- /dev/null
+++ b/test/md/plantuml.md
@@ -0,0 +1,108 @@
+# PlantUML Test
+
+This document tests PlantUML diagram rendering in Yank Note.
+
+## Sequence Diagram
+
+@startuml
+Alice -> Bob: Authentication Request
+Bob --> Alice: Authentication Response
+
+Alice -> Bob: Another authentication Request
+Alice <-- Bob: Another authentication Response
+@enduml
+
+## Use Case Diagram
+
+@startuml
+left to right direction
+actor User
+actor Admin
+
+rectangle "Yank Note" {
+ User --> (Edit Document)
+ User --> (View Preview)
+ User --> (Export PDF)
+ Admin --> (Manage Extensions)
+ Admin --> (Configure Settings)
+ (Edit Document) --> (Save Document)
+}
+@enduml
+
+## Class Diagram
+
+@startuml
+class Document {
+ -title: String
+ -content: String
+ -tags: List