From 3cac5875d54c53ec13838f782e57b1ec021ffa60 Mon Sep 17 00:00:00 2001 From: ache Date: Sun, 6 May 2018 19:46:10 +0200 Subject: Add a README --- README.md | 99 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 99 insertions(+) create mode 100644 README.md (limited to 'README.md') diff --git a/README.md b/README.md new file mode 100644 index 0000000..fc3f61a --- /dev/null +++ b/README.md @@ -0,0 +1,99 @@ +# remark-attr + +This plugin add support of custom attributes to Markdown syntax. + +**This is an alpha not ready to be used in production.** + +For the moment, it only support image and link. + +It aimed to support any other elements of the markdown syntax. + +Also for security reasons, this plugin should use [html-element-attributes](https://github.com/wooorm/html-element-attributes). +The use of JavaScript attributes (onload for example) must not be allowed by default. + +## Default Syntax + + +Images : +```markdown +![alt](img){attrs} / ![alt](img){ height=50 } +``` + +Links : +```markdown +[Hot babe with computer](https://rms.sexy){rel="external"} +``` + +## rehype + +This plugin is compatible with [rehype][rehype]. +Actually, it wouldn't really do much good otherwise. +At the moment it aims is to be used with remark-rehype only. + +```md +[Hot babe with computer](https://rms.sexy){rel="external"} +``` + +gives: + + +```html +Hot babe with computer +``` + +## Installation + +[npm][npm]: + +```bash +npm install remark-attr +``` + +## Usage + +### Dependencies: + +```javascript +const unified = require('unified') +const remarkParse = require('remark-parse') +const stringify = require('rehype-stringify') +const remark2rehype = require('remark-rehype') + +const remarkAttr = require('remark-attr'); +``` + +### Usage: + +```javascript +unified() + .use(remarkParse) + .use(remarkAttr) + .use(remark2rehype) + .use(stringify) +``` + + + + +## License + + + +[build-badge]: https://img.shields.io/travis/zestedesavoir/zmarkdown.svg + +[build-status]: https://travis-ci.org/zestedesavoir/zmarkdown + +[coverage-badge]: https://img.shields.io/coveralls/zestedesavoir/zmarkdown.svg + +[coverage-status]: https://coveralls.io/github/zestedesavoir/zmarkdown + +[zds]: https://zestedesavoir.com + +[npm]: https://www.npmjs.com/package/remark-ping + +[mdast]: https://github.com/syntax-tree/mdast/blob/master/readme.md + +[rehype]: https://github.com/wooorm/rehype + +[parent]: https://github.com/syntax-tree/unist#parent + -- cgit v1.2.3