Basic text editing with markdown
In this page we show examples of general text editing using Markdown, a plain text way used to write formatted text, or MDX, a Markdown extension that accepts JSX components.
Other references:
- General markdown:
- MDX:
- Specific:
Headers
In Interactive Handouts headers are used to create the Table of contents shown on the right side of the page. To create a heading, add #
in front of a word or phrase. The number of #
impacts the heading level. Level 1 headers # Like this
are reserved for the title of the page.
## Heading level 2
### Heading level 3
#### Heading level 4
Text
Text is added by… just writing text. Paragraphs are separated by an empty line.
This is a single paragraph even though it is split in three lines.
This is a single paragraph
even though it is split in three
lines.
Bold, italics and other text emphasis
Basic formatting can be done using simple text annotations. See the example below for some common text formatting.
It is very easy to type bold, italic and monospaced
text. We can also ==highlight==, strikethrough and ^^underline^^ text. All these can be applied ==together and may span== ^^many words^^.. We can also put type ^superscript^ and subscript text.
It is very easy to type **bold**, _italic_ and `monospaced` text. We can also ==highlight==, ~~strikethrough~~ and ^^underline^^ text. All these **can _be applied_ ==together and may span== ^^many words^^.**. We can also put type ^superscript^ and ~subscript~ text.
Lists
Lists can be made as follows:
Result:
- First item
- Second item
- Third item
- Sub item 1
- Sub item 2
Markdown:
- First item
- Second item
- Third item
- Sub item 1
- Sub item 2
Result:
- First item
- Second item
- Third item
- Sub item 1
- Sub item 2
Markdown:
1. First item
1. Second item
1. Third item
1. Sub item 1
1. Sub item 2
Result:
- No checked
- Checked item
Markdown:
- [ ] No checked
- [x] Checked item
Images
You can add images with ![](image_path)
.
![](./icon-elementos.png)
Formulas
You can also add formulas: (this formula was created with the code $\sum\limits_{k=1}^\infty \frac{x^k}{k!} = e^x$
).
Tables
Markdown tables are rendered as:
Left aligned | Centered content | Right aligned content |
---|---|---|
Content 1 | Content 1 | Content 1 |
Content 2 | Content 2 | Content 2 |
Content 3 | Content 3 | Content 3 |
Left aligned | Centered content | Right aligned content |
---|---|---|
Content 1 | Content 1 | Content 1 |
Content 2 | Content 2 | Content 2 |
Content 3 | Content 3 | Content 3 |