marked/docs/USING_ADVANCED.md

147 lines
5.9 KiB
Markdown
Raw Normal View History

2018-02-25 15:17:16 -05:00
## The `marked` function
```js
marked(markdownString [,options] [,callback])
```
|Argument |Type |Notes |
2018-02-25 15:21:59 -05:00
|:---------------------|:------------|:----------------------------------------------------------------------------------------------------|
2018-02-25 15:17:16 -05:00
|markdownString |`string` |String of markdown source to be compiled. |
|<a href="#options">options</a>|`object`|Hash of options. Can also use `marked.setOptions`. |
|callback |`function` |Called when `markdownString` has been parsed. Can be used as second argument if no `options` present.|
2018-02-25 15:32:52 -05:00
### Alternative using reference
2018-02-25 15:17:16 -05:00
```js
// Create reference instance
2019-03-01 16:55:01 -06:00
var marked = require('marked');
2018-02-25 15:17:16 -05:00
// Set options
// `highlight` example uses `highlight.js`
2019-03-01 16:55:01 -06:00
marked.setOptions({
renderer: new marked.Renderer(),
2018-02-25 15:17:16 -05:00
highlight: function(code) {
return require('highlight.js').highlightAuto(code).value;
2018-02-25 15:17:16 -05:00
},
pedantic: false,
gfm: true,
tables: true,
breaks: false,
sanitize: false,
smartLists: true,
smartypants: false,
xhtml: false
});
// Compile
2019-03-01 16:55:01 -06:00
console.log(marked(markdownString));
2018-02-25 15:17:16 -05:00
```
<h2 id="options">Options</h2>
2018-05-02 11:06:17 -04:00
|Member |Type |Default |Since |Notes |
|:-----------|:---------|:--------|:--------|:-------------|
2018-11-28 16:13:45 -05:00
|baseUrl |`string` |`null` |0.3.9 |A prefix url for any relative link. |
|breaks |`boolean` |`false` |v0.2.7 |If true, add `<br>` on a single line break (copies GitHub). Requires `gfm` be `true`.|
|gfm |`boolean` |`true` |v0.2.1 |If true, use approved [GitHub Flavored Markdown (GFM) specification](https://github.github.com/gfm/).|
2018-05-02 11:06:17 -04:00
|headerIds |`boolean` |`true` |v0.4.0 |If true, include an `id` attribute when emitting headings (h1, h2, h3, etc).|
2018-11-28 16:13:45 -05:00
|headerPrefix|`string` |`''` |v0.3.0 |A string to prefix the `id` attribute when emitting headings (h1, h2, h3, etc).|
|highlight |`function`|`null` |v0.3.0 |A function to highlight code blocks, see <a href="#highlight">Asynchronous highlighting</a>.|
|langPrefix |`string` |`'language-'`|v0.3.0|A string to prefix the className in a `<code>` block. Useful for syntax highlighting.|
|mangle |`boolean` |`true` |v0.3.4 |If true, autolinked email address is escaped with HTML character references.|
|pedantic |`boolean` |`false` |v0.2.1 |If true, conform to the original `markdown.pl` as much as possible. Don't fix original markdown bugs or behavior. Turns off and overrides `gfm`.|
|renderer |`object` |`new Renderer()`|v0.3.0|An object containing functions to render tokens to HTML. See [extensibility](USING_PRO.md) for more details.|
|sanitize |`boolean` |`false` |v0.2.1 |If true, sanitize the HTML passed into `markdownString` with the `sanitizer` function.|
|sanitizer |`function`|`null` |v0.3.4 |A function to sanitize the HTML passed into `markdownString`.|
|silent |`boolean` |`false` |v0.2.7 |If true, the parser does not throw any exception.|
|smartLists |`boolean` |`false` |v0.2.8 |If true, use smarter list behavior than those found in `markdown.pl`.|
|smartypants |`boolean` |`false` |v0.2.9 |If true, use "smart" typographic punctuation for things like quotes and dashes.|
|tables |`boolean` |`true` |v0.2.7 |If true and `gfm` is true, use [GFM Tables extension](https://github.github.com/gfm/#tables-extension-).|
|xhtml |`boolean` |`false` |v0.3.2 |If true, emit self-closing HTML tags for void elements (&lt;br/&gt;, &lt;img/&gt;, etc.) with a "/" as required by XHTML.|
2018-02-25 15:17:16 -05:00
2018-02-25 15:32:52 -05:00
<h2 id="highlight">Asynchronous highlighting</h2>
2018-02-25 15:17:16 -05:00
2018-03-27 19:50:46 +03:00
Unlike `highlight.js` the `pygmentize.js` library uses asynchronous highlighting. This example demonstrates that marked is agnostic when it comes to the highlighter you use.
2018-02-25 15:17:16 -05:00
```js
2019-03-01 16:55:01 -06:00
marked.setOptions({
2018-02-25 15:32:52 -05:00
highlight: function(code, lang, callback) {
require('pygmentize-bundled') ({ lang: lang, format: 'html' }, code, function (err, result) {
2018-02-25 15:17:16 -05:00
callback(err, result.toString());
});
}
});
2019-03-01 16:55:01 -06:00
console.log(marked(markdownString));
2018-02-25 15:17:16 -05:00
```
In both examples, `code` is a `string` representing the section of code to pass to the highlighter. In this example, `lang` is a `string` informing the highlighter what programming lnaguage to use for the `code` and `callback` is the `function` the asynchronous highlighter will call once complete.
2019-03-01 16:55:01 -06:00
<h2 id="workers">Workers</h2>
To prevent ReDoS attacks you can run marked on a worker and shut it down when parsing takes longer than usual.
Marked can be run in a [worker thread](https://nodejs.org/api/worker_threads.html) on a node server, or a [web worker](https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API) in a browser.
### Node Worker Thread
```js
// markedWorker.js
const marked = require('marked');
const { parentPort } = require('worker_threads');
parentPort.on('message', (markdownString) => {
parentPort.postMessage(marked(markdownString));
});
```
```js
// index.js
const { Worker } = require('worker_threads');
const markedWorker = new Worker('markedWorker.js');
const markedTimeout = setTimeout(() => {
markedWorker.terminate();
throw new Error('Marked took too long!');
}, timeoutLimit);
markedWorker.on('message', (html) => {
clearTimeout(markedTimeout);
console.log(html);
});
markedWorker.postMessage(markdownString);
```
### Web Worker
```js
// markedWorker.js
importScripts('path/to/marked.min.js');
onmessage = (markdownString) => {
2019-03-01 16:55:01 -06:00
postMessage(marked(markdownString));
};
```
```html
<script>
var markedWorker = new Worker('markedWorker.js');
var markedTimeout = setTimeout(() => {
markedWorker.terminate();
throw new Error('Marked took too long!');
}, timeoutLimit);
markedWorker.onmessage = (html) => {
2019-03-01 16:55:01 -06:00
clearTimeout(markedTimeout);
console.log(html);
};
2019-03-01 16:55:01 -06:00
markedWorker.postMessage(markdownString);
</script>
```