micromark-extension-gfm
!Buildbuild-badgebuild
!Coveragecoverage-badgecoverage
!Downloadsdownloads-badgedownloads
!Sizesize-badgesize
!Sponsorssponsors-badgecollective
!Backersbackers-badgecollective
!Chatchat-badgechatmicromark extension to support GitHub flavored markdown (GFM).
Contents
* [`gfm(options?)`](#gfmoptions)
* [`gfmHtml(htmlOptions?)`](#gfmhtmlhtmloptions)What is this?
This package is a micromark extension to add support for all GFM features: autolink literals, footnotes, strikethrough, tables, tagfilter, and tasklists.When to use this
You probably should use this package if you use micromark and want to enable GFM. When working with syntax trees, you’d want to combine this package withmdast-util-gfmmdast-util-gfm.You can also use the underlying features separately:
— support GFM [autolink literals][]— support GFM footnotes— support GFM [strikethrough][]— support GFM [tables][]— support GFM [tagfilter][]— support GFM [tasklists][]remark-gfmremark-gfm with
remark.Install
This package is ESM onlyesm. In Node.js (version 12.20+, 14.14+, or 16.0+), install with npm:npm install micromark-extension-gfmIn Deno with Skypack:
import {gfm, gfmHtml} from 'https://cdn.skypack.dev/micromark-extension-gfm@2?dts'In browsers with Skypack:
<script type="module">
import {gfm, gfmHtml} from 'https://cdn.skypack.dev/micromark-extension-gfm@2?min'
</script>Use
Say we have the following fileexample.md:# GFM
## Autolink literals
www.example.com, https://example.com, and contact@example.com.
## Footnote
A note[^1]
## Strikethrough
~one~ or ~~two~~ tildes.
## Table
| a | b | c | d |
| - | :- | -: | :-: |
## Tag filter
<plaintext>
## Tasklist
* [ ] to do
* [x] doneAnd our module
example.js looks as follows:import fs from 'node:fs'
import {micromark} from 'micromark'
import {gfm, gfmHtml} from 'micromark-extension-gfm'
const output = micromark(fs.readFileSync('example.md'), {
allowDangerousHtml: true,
extensions: [gfm()],
htmlExtensions: [gfmHtml()]
})
console.log(output)Now, running
node example yields:<h1>GFM</h1>
<h2>Autolink literals</h2>
<p><a href="http://www.example.com">www.example.com</a>, <a href="https://example.com">https://example.com</a>, and <a href="mailto:contact@example.com">contact@example.com</a>.</p>
<h2>Footnote</h2>
<p>A note<sup><a href="#user-content-fn-1" id="user-content-fnref-1" data-footnote-ref="" aria-describedby="footnote-label">1</a></sup></p>
<h2>Strikethrough</h2>
<p><del>one</del> or <del>two</del> tildes.</p>
<h2>Table</h2>
<table>
<thead>
<tr>
<th>a</th>
<th align="left">b</th>
<th align="right">c</th>
<th align="center">d</th>
</tr>
</thead>
</table>
<h2>Tag filter</h2>
<plaintext>
<h2>Tasklist</h2>
<ul>
<li><input type="checkbox" disabled="" /> to do</li>
<li><input type="checkbox" disabled="" checked="" /> done</li>
</ul>
<section data-footnotes="" class="footnotes"><h2 id="footnote-label" class="sr-only">Footnotes</h2>
<ol>
<li id="user-content-fn-1">
<p>Big note. <a href="#user-content-fnref-1" data-footnote-backref="" class="data-footnote-backref" aria-label="Back to content">↩</a></p>
</li>
</ol>
</section>API
This package exports the following identifiers:gfm, gfmHtml.
There is no default export.This extensions supports the endorsed
development conditiondev.
Run node --conditions development module.js to get instrumented dev code.
Without this condition, production code is loaded.gfm(options?)
A function that can be called to get an extension for micromark to parse GFM
(can be passed in extensions).options
Configuration (optional).options.singleTilde
Whether to support strikethrough with a single tilde (boolean, default:
true).
Single tildes work on github.com, but are technically prohibited by GFM.
Passed as singleTildesingle-tilde in
micromark-extension-gfm-strikethroughgfm-strikethrough.gfmHtml(htmlOptions?)
A function that can be called to get an extension to compile GFM to HTML (can be
passed in htmlExtensions).htmlOptions
Configuration (optional).htmlOptions.clobberPrefix
Prefix to use before the id attribute to prevent it from clobbering
attributes (string, default: 'user-content-').
Passed as clobberPrefixclobber-prefix in
micromark-extension-gfm-footnotegfm-footnote.htmlOptions.label
Label to use for the footnotes section (string, default: 'Footnotes').
Passed as labellabel in
micromark-extension-gfm-footnotegfm-footnote.htmlOptions.backLabel
Label to use from backreferences back to their footnote call (string, default:
'Back to content').
Passed as backLabelbacklabel in
micromark-extension-gfm-footnotegfm-footnote.Types
This package is fully typed with TypeScript. It exports additionalOptions and HtmlOptions types that model their
respective interfaces.Compatibility
This package is at least compatible with all maintained versions of Node.js. As of now, that is Node.js 12.20+, 14.14+, and 16.0+. It also works in Deno and modern browsers.Security
This package is safe by default.Related
— support GFM in mdast— support GFM in remark— support GFM [autolink literals][]— support GFM footnotes— support GFM [strikethrough][]— support GFM [tables][]— support GFM [tagfilter][]— support GFM [tasklists][]Contribute
Seecontributing.md in micromark/.githubcontributing for ways to get
started.
See support.mdsupport for ways to get help.This project has a code of conductcoc. By interacting with this repository, organization, or community you agree to abide by its terms.
