apps

MarkText

[TOC]

Overview

MarkText is a markdown text editor for iPhone/iPad, supports GFM (GitHub Flavored Markdown) .

Features:

Markdown Syntax

Images

![note](https://test.com/test.jpg)

note

Headers

Add 1 ~ 6 # symbols before your heading text.

# This is H1
###### This is H6

Strong and Emphasize

**strong**, strong

*emphasize*, emphasize

~~Strikethrough~~, Strikethrough (GFM)

Quotes

You can quote text with a >.

Right angle brackets > are used for block quotes.

Email: xappbox@gmail.com.
Simple link: http://lessfun.com/app.
Simple link: Lessfun Blog.

Reference Link: reference, Input id, then define the link with corresponding id, title in the link is optional:

Inline code

Inline code: surround by backtick key.

Block code

Indent each line by at least 1 tab, or 4 spaces.
int var = 100;

Fenced Code Blocks (GFM)

Start with a line containing 3 or more backticks, and ends with the first line with the same number of backticks:

Fenced code blocks are like Stardard Markdown’s regular code
blocks, except that they’re not indented and instead rely on
a start and end fence lines to delimit the code block.

Code with language name will have syntax hightlight:

std::string str = "hello world";

Ordered Lists

Ordered lists are created using “1.” + Space:

  1. Ordered list item 1
  2. Ordered list item 2

Unordered Lists

Unordered list are created using * or - or + + Space:

Task Lists (GFM)

You can create task lists by prefacing list items with [ ]. To mark a task as complete, use [x].

Hard Linebreak

End with two spaces

End a line with two or more spaces will create a hard linebreak, called <br /> in HTML. ( Control + Return )
Above line ended with 2 spaces.

Enter equals line break (GFM)

Or you can just type Enter as a line break.

Horizontal Rules

Three or more asterisks or dashes:

***
---
- - - -

Extra Syntax

Table of Content

Add [toc] or [TOC] at the top to generate the Table of Content.

Footnotes

Footnotes work mostly like reference-style links. A footnote is made of two things: a marker in the text that will become a superscript number; a footnote definition that will be placed in a list of footnotes at the end of the document. A footnote looks like this:

That’s some text with a footnote.1

Tables (GFM)

A simple table looks like this:

Header 1 Header 2 Header 3
Cell Cell Cell
Cell Cell Cell

If you wish, you can add a leading and tailing pipe to each line of the table:

Header 1 Header 2 Header 3
Cell Cell Cell
Cell Cell Cell

Specify alignment for each column by adding colons to separator lines:

Header 1 Header 2 Header 3
Left Center Right
Left Center Right

Graph Visualization

Mermaid

Please refer to mermaid project for details.

Flow Chart
graph TD
A-->B
A-->C
B-->D
C-->D
Sequence Diagram
sequenceDiagram
participant Cat
participant Dog
Cat->>Dog: Hello Dog, how are you?
loop waiting
Dog->>Dog: waiting
end
Note right of Dog: sleepping
Dog-->>Cat: Hey! Great!
Dog-->>Cat: How about you?
Cat-->>Dog: Good!
Gantt
gantt
title Gantt Diagram Example

section Section A
A task              :a1, 2022-03-01, 30d
B task              :after a1  , 20d
section Section B
C task              :2022-03-12  , 12d
D task              :24d
Pie
pie title Pets adopted by volunteers
    "Dogs" : 386
    "Cats" : 85
    "Rats" : 15

Graphviz

Please refer to Graphviz website for details.

digraph G {

subgraph cluster0 {
  node [style=filled,color=white];
  style=filled;
  color=lightgrey;
  a0 -> a1 -> a2 -> a3;
  label = "process #1";
}

subgraph cluster1 {
  node [style=filled];
  b0 -> b1 -> b2 -> b3;
  label = "process #2";
  color=blue
}

start -> a0;
start -> b0;
a1 -> b3;
b2 -> a3;
a3 -> a0;
a3 -> end;
b3 -> end;
start [shape=Mdiamond];
end [shape=Msquare];
}

MathJax

Start with and end with $ or $$.

$\sum_{i=0}^N\int_{a}^{b}g(t,i)\text{d}t$:

$\sum_{i=0}^N\int_{a}^{b}g(t,i)\text{d}t$

$$W_G^{mn}=max\{0,W_G.\xi_G(f_G^m,f_G^n)\}$$:

\[W_G^{mn}=max\{0,W_G.\xi_G(f_G^m,f_G^n)\}\]

More

For compelete syntax, see Markdown: Syntax.

  1. And that’s the footnote. ↩