Vitaly Puzrin
199976d09e
|
10 years ago | |
---|---|---|
benchmark | 10 years ago | |
bin | 10 years ago | |
demo | 10 years ago | |
dist | 10 years ago | |
lib | 10 years ago | |
support | 10 years ago | |
test | 10 years ago | |
.editorconfig | 10 years ago | |
.eslintignore | 10 years ago | |
.eslintrc | 10 years ago | |
.gitignore | 10 years ago | |
.nojekyll | 10 years ago | |
.npmignore | 10 years ago | |
.travis.yml | 10 years ago | |
CHANGELOG.md | 10 years ago | |
CONTRIBUTING.md | 10 years ago | |
LICENSE | 10 years ago | |
Makefile | 10 years ago | |
README.md | 10 years ago | |
bower.json | 10 years ago | |
index.js | 10 years ago | |
package.json | 10 years ago |
README.md
remarkable
Markdown parser done right. Fast and easy to extend.
- Configurable syntax! You can add new rules and even replace existing ones.
- Implements CommonMark spec + extentions (strikethrough, tables, URL autolinking, typographer).
- Very high speed.
Install
node.js:
npm install remarkable --save
bower:
bower install remarkable --save
CDNs for browser: jsDeliver
Usage
var Remarkable = require('remarkable');
// This values are default
var md = new Remarkable({
html: false, // Enable html tags in source
xhtmlOut: false, // Use '/' to close single tags (<br />)
breaks: false, // Convert '\n' in paragraphs into <br>
langPrefix: 'language-', // CSS language prefix for fenced blocks
linkify: false, // Autoconvert url-like texts to links
typographer: false, // Enable smartypants and other sweet transforms
// Highlighter function. Should return escaped html,
// or '' if input not changed
highlight: function (/*str, , lang*/) { return ''; }
});
console.log(md.render('# Remarkable rulezz!'));
// => <h1>Remarkable rulezz!</h1>
You can define options via set
method:
var Remarkable = require('remarkable');
var md = new Remarkable();
md.set({
html: false,
breaks: true
});
Note. To acheive best performance, don't modify Remarkable
instance on
the fly. If you need several configurations - create multiple instances and
setup each appropriately.
You can also reset parser to strict CommonMark mode:
var Remarkable = require('remarkable');
var md = new Remarkable('commonmark');
Highligh fenced blocks
To highlight content of fenced block, assing function to highlight
option:
var Remarkable = require('remarkable');
var hljs = require('highlight.js') // https://highlightjs.org/
// This values are default
var md = new Remarkable({
highlight: function (str, lang) {
if (lang && hljs.getLanguage(lang)) {
try {
return hljs.highlight(lang, str).value;
} catch (__) {}
}
try {
return hljs.highlightAuto(str).value;
} catch (__) {}
return ''; // use external default escaping
}
});
Typorgapher
Though full weigh typograpic replacements are language specific, remarkable
provides the most common and universal case coverage:
var Remarkable = require('remarkable');
var md = new Remarkable({ typographer: true });
// This values are default
md.typographer.set({
singleQuotes: '‘’', // set empty to disable
doubleQuotes: '“”', // set '«»' for russian, '„“' for deutch, empty to disable
copyright: true, // (c) (C) → ©
trademark: true, // (tm) (TM) → ™
registered: true, // (r) (R) → ®
plusminus: true, // +- → ±
paragraph: true, // (p) (P) -> §
ellipsis: true, // ... → … (also ?.... → ?.., !.... → !..)
dupes: true, // ???????? → ???, !!!!! → !!!, `,,` → `,`
dashes: true // -- → –, --- → —
})
Of cause, you can add your own rules or replace default one with something more advanced, specific for your language.
More extras
This extentions are enabled by default:
- Strikethrough
- Tables (GFM)
References / Thanks
Big thanks to John MacFarlane for his work on CommonMark spec and reference implementations. His work saved us a lot of time during this project development.
Links:
- https://github.com/jgm/stmd - reference CommonMark implementations in C & JS, also contains latest spec & online demo.
- http://talk.commonmark.org - CommonMark forum, good place to collaborate developpers efforts.
Development / Modification
Parser consists of several responsibilities chains, filled with rules. You can reconfigure anyone as you wish. Render also can be modified and extended. See source code to understand details. Pay attention to this properties:
Remarkable.block
Remarkable.block.ruler
Remarkable.inline
Remarkable.inline.ruler
Remarkable.typographer
Remarkable.typographer.ruler
Remarkable.linkifier
Remarkable.linkifier.ruler
Remarkable.renderer
Remarkable.renderer.rules
To prettify plugins init, Remarked
has .use()
helper for curried calls:
var md = new Remarkable();
md.use(plugin1)
.use(plugin2, opts)
.use(plugin3);
Authors
- Jon Schlinkert github/jonschlinkert
- Alex Kocharin github/rlidwka
- Vitaly Puzrin github/puzrin