el-beeswarm
Version:
<div style="display: flex; padding: 1rem; flex-direction: column; align-items: center; justify-content: center; height: 100vh; text-align: center; display: flex;
261 lines (181 loc) • 7.3 kB
Markdown
[![Build][build-badge]][build]
[![Coverage][coverage-badge]][coverage]
[![Downloads][downloads-badge]][downloads]
[![Size][size-badge]][size]
[![Sponsors][sponsors-badge]][collective]
[![Backers][backers-badge]][collective]
[![Chat][chat-badge]][chat]
[**unified**][unified] processor to parse and serialize Markdown.
Built on [micromark][].
Powered by [plugins][].
Part of the [unified][] collective.
* API by [**unified**][unified]
* Parses Markdown to a syntax tree with [`remark-parse`][parse]
* [**mdast**][mdast] syntax tree
* [Plugins][] transform the tree
* Serializes syntax trees to Markdown with [`remark-stringify`][stringify]
Don’t need the parser?
Or compiler?
[][unified-usage].
[][]:
```sh
npm install remark
```
[][unified]
This example lints Markdown and turns it into HTML.
```js
var remark = require('remark')
var recommended = require('remark-preset-lint-recommended')
var html = require('remark-html')
var report = require('vfile-reporter')
remark()
.use(recommended)
.use(html)
.process('## Hello world!', function (err, file) {
console.error(report(err || file))
console.log(String(file))
})
```
Yields:
```txt
1:1 warning Missing newline character at end of file final-newline remark-lint
⚠ 1 warning
```
```html
<h2>Hello world!</h2>
```
This example prettifies Markdown and configures [`remark-stringify`][stringify]
through [data][].
```js
var remark = require('remark')
remark()
.data('settings', {emphasis: '*', strong: '*'})
.process('_Emphasis_ and __importance__', function (err, file) {
if (err) throw err
console.log(String(file))
})
```
Yields:
```markdown
*Emphasis* and **importance**
```
This example prettifies Markdown and configures [`remark-parse`][parse] and
[`remark-stringify`][stringify] through a [preset][].
```js
var remark = require('remark')
remark()
.use({settings: {emphasis: '*', strong: '*'}})
.process('_Emphasis_ and __importance__', function (err, file) {
if (err) throw err
console.log(String(file))
})
```
Yields:
```markdown
*Emphasis* and **importance**
```
[][unified]
As Markdown is sometimes used for HTML, and improper use of HTML can open you up
to a [cross-site scripting (XSS)][xss] attack, use of remark can also be unsafe.
When going to HTML, use remark in combination with the [**rehype**][rehype]
ecosystem, and use [`rehype-sanitize`][sanitize] to make the tree safe.
Use of remark plugins could also open you up to other attacks.
Carefully assess each plugin and the risks involved in using them.
## Contribute
See [`contributing.md`][contributing] in [`remarkjs/.github`][health] for ways
to get started.
See [`support.md`][support] for ways to get help.
Ideas for new plugins and tools can be posted in [`remarkjs/ideas`][ideas].
A curated list of awesome remark resources can be found in [**awesome
remark**][awesome].
This project has a [code of conduct][coc].
By interacting with this repository, organization, or community you agree to
abide by its terms.
## Sponsor
Support this effort and give back by sponsoring on [OpenCollective][collective]!
<!--lint ignore no-html-->
<table>
<tr valign="middle">
<td width="20%" align="center" colspan="2">
<a href="https://www.gatsbyjs.org">Gatsby</a> 🥇<br><br>
<a href="https://www.gatsbyjs.org"><img src="https://avatars1.githubusercontent.com/u/12551863?s=256&v=4" width="128"></a>
</td>
<td width="20%" align="center" colspan="2">
<a href="https://vercel.com">Vercel</a> 🥇<br><br>
<a href="https://vercel.com"><img src="https://avatars1.githubusercontent.com/u/14985020?s=256&v=4" width="128"></a>
</td>
<td width="20%" align="center" colspan="2">
<a href="https://www.netlify.com">Netlify</a><br><br>
<!--OC has a sharper image-->
<a href="https://www.netlify.com"><img src="https://images.opencollective.com/netlify/4087de2/logo/256.png" width="128"></a>
</td>
<td width="10%" align="center">
<a href="https://www.holloway.com">Holloway</a><br><br>
<a href="https://www.holloway.com"><img src="https://avatars1.githubusercontent.com/u/35904294?s=128&v=4" width="64"></a>
</td>
<td width="10%" align="center">
<a href="https://themeisle.com">ThemeIsle</a><br><br>
<a href="https://themeisle.com"><img src="https://avatars1.githubusercontent.com/u/58979018?s=128&v=4" width="64"></a>
</td>
<td width="10%" align="center">
<a href="https://boosthub.io">Boost Hub</a><br><br>
<a href="https://boosthub.io"><img src="https://images.opencollective.com/boosthub/6318083/logo/128.png" width="64"></a>
</td>
<td width="10%" align="center">
<a href="https://expo.io">Expo</a><br><br>
<a href="https://expo.io"><img src="https://avatars1.githubusercontent.com/u/12504344?s=128&v=4" width="64"></a>
</td>
</tr>
<tr valign="middle">
<td width="100%" align="center" colspan="10">
<br>
<a href="https://opencollective.com/unified"><strong>You?</strong></a>
<br><br>
</td>
</tr>
</table>
[][license] © [Titus Wormer][author]
<!-- Definitions -->
[]: https://img.shields.io/travis/remarkjs/remark.svg
[]: https://travis-ci.org/remarkjs/remark
[]: https://img.shields.io/codecov/c/github/remarkjs/remark.svg
[]: https://codecov.io/github/remarkjs/remark
[]: https://img.shields.io/npm/dm/remark.svg
[]: https://www.npmjs.com/package/remark
[]: https://img.shields.io/bundlephobia/minzip/remark.svg
[]: https://bundlephobia.com/result?p=remark
[]: https://opencollective.com/unified/sponsors/badge.svg
[]: https://opencollective.com/unified/backers/badge.svg
[]: https://opencollective.com/unified
[]: https://img.shields.io/badge/chat-discussions-success.svg
[]: https://github.com/remarkjs/remark/discussions
[]: https://github.com/remarkjs/.github
[]: https://github.com/remarkjs/.github/blob/HEAD/contributing.md
[]: https://github.com/remarkjs/.github/blob/HEAD/support.md
[]: https://github.com/remarkjs/.github/blob/HEAD/code-of-conduct.md
[]: https://github.com/remarkjs/ideas
[]: https://github.com/remarkjs/awesome-remark
[]: https://github.com/remarkjs/remark/blob/main/license
[]: https://wooorm.com
[]: https://docs.npmjs.com/cli/install
[]: https://github.com/unifiedjs/unified
[]: https://github.com/syntax-tree/mdast
[]: https://github.com/remarkjs/remark/blob/main/packages/remark-parse
[]: https://github.com/remarkjs/remark/blob/main/packages/remark-stringify
[]: https://github.com/remarkjs/remark/blob/main/doc/plugins.md
[]: https://github.com/unifiedjs/unified#usage
[]: https://github.com/unifiedjs/unified#preset
[]: https://github.com/unifiedjs/unified#processordatakey-value
[]: https://en.wikipedia.org/wiki/Cross-site_scripting
[]: https://github.com/rehypejs/rehype
[]: https://github.com/rehypejs/rehype-sanitize
[]: https://github.com/micromark/micromark