# A demo of `react-markdown`

`react-markdown` is a markdown component for React.

👉 Changes are re-rendered as you type.

👈 Try writing some markdown on the left.

## Overview

* Follows [CommonMark](https://commonmark.org)
* Optionally follows [GitHub Flavored Markdown](https://github.github.com/gfm/)
* Renders actual React elements instead of using `dangerouslySetInnerHTML`
* Lets you define your own components (to render `MyHeading` instead of `h1`)
* Has a lot of plugins

## Table of contents

Here is an example of a plugin in action
([`remark-toc`](https://github.com/remarkjs/remark-toc)).
This section is replaced by an actual table of contents.

## Syntax highlighting

Here is an example of a plugin to highlight code:
[`rehype-highlight`](https://github.com/rehypejs/rehype-highlight).

```js
import React from 'react'
import ReactDOM from 'react-dom'
import ReactMarkdown from 'react-markdown'
import rehypeHighlight from 'rehype-highlight'

ReactDOM.render(
  <ReactMarkdown rehypePlugins={[rehypeHighlight]}>{'# Your markdown here'}</ReactMarkdown>,
  document.querySelector('#content')
)
```

Pretty neat, eh?

## GitHub flavored markdown (GFM)

For GFM, you can *also* use a plugin:
[`remark-gfm`](https://github.com/remarkjs/react-markdown#use).
It adds support for GitHub-specific extensions to the language:
tables, strikethrough, tasklists, and literal URLs.

These features **do not work by default**.
👆 Use the toggle above to add the plugin.

| Feature    | Support              |
| ---------: | :------------------- |
| CommonMark | 100%                 |
| GFM        | 100% w/ `remark-gfm` |

~~strikethrough~~

* [ ] task list
* [x] checked item

https://example.com

## HTML in markdown

⚠️ HTML in markdown is quite unsafe, but if you want to support it, you can
use [`rehype-raw`](https://github.com/rehypejs/rehype-raw).
You should probably combine it with
[`rehype-sanitize`](https://github.com/rehypejs/rehype-sanitize).

<blockquote>
  👆 Use the toggle above to add the plugin.
</blockquote>

## Components

You can pass components to change things:

```js
import React from 'react'
import ReactDOM from 'react-dom'
import ReactMarkdown from 'react-markdown'
import MyFancyRule from './components/my-fancy-rule.js'

ReactDOM.render(
  <ReactMarkdown
    components={{
      // Use h2s instead of h1s
      h1: 'h2',
      // Use a component instead of hrs
      hr: ({node, ...props}) => <MyFancyRule {...props} />
    }}
  >
    # Your markdown here
  </ReactMarkdown>,
  document.querySelector('#content')
)
```

## More info?

Much more info is available in the
[readme on GitHub](https://github.com/remarkjs/react-markdown)!

***

A component by [Espen Hovlandsdal](https://espen.codes/)

Yet another Post

# Mea seque

## Et quoque summa Iuppiter Gorgoneum coniunx

Lorem markdownum. Multa recognoscit iniusti [carmina](http://conveniunt.net/);
nos iubes servor extis ab praeteritae *ieiunia dixit* tendensque **sibi et**
qua. Alis velamine [vaticinata](http://lilia-axes.org/aut) ait super. Quinque
ducentem *videt* virque succedere tractus misero superi genitor poteris procul
sanguine inficit.

1. Insanos iam praeceps satyri Pandioniae nunc
2. Utraque neque mihi credulus inpietate refert nodosa
3. Ut longique abdita retractant credant monstris calathis
4. Terra iuvenes iacentes tumulo naidas admoveam
5. Caespite Anchisae
6. Stridore quaecumque procul somnia

## Capillis insuper requie has mortalia Aeacon in

In puer pro a abesset coniugis mortales opibus. Ad Icarus surgis excutiunt
guttura ageret feruntur: precatus et sentit luget vitalesque. Ut Copia baculi
voce iterum bibit, in moveri tantum pater.

    marketingServlet -= macintosh_wimax(multiplatform, 22, outbox(
            plain_boot_metal));
    if (4 > 4) {
        record += templateNosql;
        digital(-1 + peopleware, degauss_ddr_computing * simm_rfid_unmount);
    }
    var cursor = text_ppga.copyLanguage(document_megapixel, switch_topology);

## Sublatus potest simulacra in ratis et haec

Fuit sed. **Nomen** turba Aeneas pater. Ora senex agitque trahatur amantem,
quisque est possim non dea odit Sol modo. Hortatibus medio; fortissime et pellis
et ignotae furor nutricisque omnibus harenae.

## Nec Graecia longos

**Reppulit unde**, imagine oculos, mitra depressitque. Crederet propositos
pectus operum quanta: aestus auster? Quae primis ut cervix terris platanum
Tantale Cycno agit umquam [est pontusque](http://magne-oracula.net/dabat.aspx)
refert unius, arcus. Forma **ipse** illis annis ego quaecumque terga reformet
angustum spectasse, tenui. Cum positis, imperat caelestum cum est totidemque
quae: enutrivere non videtur?

    if (listserv_switch) {
        osi_cursor_network.hertzRight += volumeMirror;
    } else {
        commercialMulticastingCtr(broadband(perlVirusManagement, token, 2),
                carrierHardFriend, -4);
        tokenMenu = header_systray_multimedia;
    }
    illegal += command(pci_portal_tape.camera_dpi.ivr(dithering),
            powerTerminalZettabyte, spreadsheet_frozen(leaderboard));
    name_monochrome_ups(php, uddi_hoc_website + x + ftp, dVerticalBit(-5));

## Illa murmur vulnere mora caelumque

Sed te quod mortalia et Insania, nive! Manibusque altior; ire arcem totidem hinc
unguibus femineis, pallentia. Quaerit **esse** gerunt testes haerebis et quoque
omnes in mihi.

In ferre sub, *deriguisse* dea: patrium hanc. Ore tamen crescit armamentis
laniare quam Bacchi suae domus aggere, et **videtur sanus** in stringit. Variat
iudicium nec gaudia et est perterrita exitium
[navita](http://www.restituit-virgo.io/baculo-vicinum.aspx): si vinci medulla
ferrum es putes fistula si.

Hello Guys!

# Tollere tanti ministri illa

## Insonuit difficilis humili

Lorem markdownum Phoebi, sensisset elisi, probat iovis, in placida
[lucis](http://ambo.io/): de summa anili. Montis regna cavernas Ianthe dolores
deieci. Solus tetigisse nescit. Perit et vult ipsos praedae ferinae pinetis
armis, sine o adspice sonant more longius te deus, erat. Videres aevum, non
quaterque capit *inmotosque* murmur, templa, patitur, honore Eous aut!

1. Non clamat retinere alimenta temptamenta ensem Caesareos
2. Transitus vocoque obruta Pallas
3. Vix cum
4. Pectore nec tanti enim
5. Opem teste submovet Ulixis
6. Quo frontis de fitque ramis numen

In dolet dicentem, verbis rex petitum, stabat, Cepheaque clauserat renovata
pressa, temeraria ambo. Sis laterique [exiluit aevi](http://www.cum.net/)
nullam. Arcum expendite silentia faciem spernenda aemulus fratre stirpi; aqua
cycnis placuisse caris infundere quod fuga vidit! Dedere in scit ira cum sed
mutatus dextra sinus. Ferasque ad vim et nostros messes consule Notum sanguinis
tacita: et.

1. Vestem aut cum matresque
2. Ascendere ferat fortissime ventos bella vincere silentia
3. Io tibi stantes pugman
4. Cognita fixerat
5. Obviaque molle
6. Alii dicit

## Robora harenas pro Aeneae

Caeli silvaque et stipes, sola subitam, ad negate. Excutit patruelis damna vidit
Troiaeque Phineus vacuas peteret vero: nos est vestro crescunt caelestes habitus
sunt. Ille dirimant utrumque et erit habebat lanas aquarum nostra vertere
opposui turba.

> Qui nympha virago; muneris hi hospes *naides vade Troades*. Sustineam vertere
> tempestivus spectans lassavit robora vestes, angue? Elisi instar mihi viribus
> Tirynthius carmina mors culpa haustus profundo tereti, non adest illud.

Nequiquam inluxisse nomen: sed valvis? Cum tamen quod; ignis quam, aliquo meta,
spargere versa; modo statione amnes. **Aprica** forsitan.

    wheel_d(tweet_laptop_baseband(rw, dCloud, digitalExpressConfiguration),
            application, 508119 + drive_input_overclocking * fddiComponentCard);
    var aspKeyboard = 5 - -3 * standalone_file + 1 + barebonesProgramImpact;
    var http_tunneling_text = sd_midi_crop;

Domus heros **vindicet mente** ratem frigidus gladii tempora vulgus semina
cuspidis, quem ego. Superas repulsus, praemia certe nasci paulum, haec
**lumen**, aberat forma sublime vallibus; ad nodo? Iuppiter Troas, cum iacebat
inpono, pro Sparte posset semine arserat ponit explicat crepuscula vapor
loricaeque posuitque quippe.


Ketan Padal