foo https://google.com bar
\n```\n\n### Applying classes\n\nYou can apply a `class` to a link by using a `class` or a `className` property. Either one will work, but use only one, not both.\n\n```js\nmd.use(mila, {\n attrs: {\n class: \"my-class\",\n },\n});\n\n// or\nmd.use(mila, {\n attrs: {\n className: \"my-class\",\n },\n});\n```\n\n### Conditionally apply attributes\n\nYou can choose to test a link's `href` against a matcher function. The attributes will be applied only if the matcher function returns true.\n\n```js\nmd.use(mila, {\n matcher(href, config) {\n return href.startsWith(\"https:\");\n },\n attrs: {\n target: \"_blank\",\n rel: \"noopener\",\n },\n});\n\nvar matchingResult = md.render(\"[Matching Example](https://example.com\");\nvar ignoredResult = md.render(\"[Not Matching Example](http://example.com\");\n\nmatchingResult; // Matching Example\nignoredResult; // Not Matching Example\n```\n\n### Multiple Configurations\n\nAlternatively, you can pass an Array of configurations. The first matcher function to return true will be applied to the link.\n\n```js\nmd.use(mila, [\n {\n matcher(href) {\n return href.match(/^https?:\\/\\//);\n },\n attrs: {\n class: \"external-link\",\n },\n },\n {\n matcher(href) {\n return href.startsWith(\"/\");\n },\n attrs: {\n class: \"absolute-link\",\n },\n },\n {\n matcher(href) {\n return href.startsWith(\"/blue/\");\n },\n attrs: {\n class: \"link-that-contains-the-word-blue\",\n },\n },\n]);\n\nvar externalResult = md.render(\"[external](https://example.com\");\nvar absoluteResult = md.render(\"[absolute](/some-page\");\nvar blueResult = md.render(\"[blue](relative/link/with/blue/in/the/name\");\n\nexternalResult; // external\nabsoluteResult; // absolute\nblueResult; // blue\n```\n\nIf multiple matcher functions return true, the first configuration to match will be used.\n\n```js\n// This matches both the \"starts with http or https\" rule and the \"contains the word blue\" rule.\n// Since the http/https rule was defined first, that is the configuration that is used.\nvar result = md.render(\"[external](https://example.com/blue\");\n\nresult; // external\n```\n\n## Usage in the browser\n\n_Differences in browser._ If you load script directly into the page, without a package system, the module will add itself globally as `window.markdownitLinkAttributes`.\nYou need to load `dist/markdown-it-link-attributes.min.js`, if you don't use a build system.\n\n## Testing\n\nThis plugin is tested against the latest version of markdown-it\n\n## License\n\n[MIT](https://github.com/markdown-it/markdown-it-footnote/blob/master/LICENSE)\n","maintainers":[{"name":"bladebarringer","email":"blade@crookedneighbor.com"}],"time":{"modified":"2022-08-12T21:50:18.010Z","created":"2016-08-26T12:31:00.286Z","1.0.0":"2016-08-26T12:31:00.286Z","2.0.0":"2017-09-21T03:29:28.666Z","2.1.0":"2018-04-03T13:23:58.987Z","3.0.0":"2019-10-07T14:34:01.980Z","4.0.0":"2021-12-23T20:48:16.107Z","4.0.1":"2022-08-12T21:50:17.942Z"},"homepage":"https://github.com/crookedneighbor/markdown-it-link-attributes","keywords":["markdown","markdown-it","markdown-it-plugin"],"repository":{"type":"git","url":"git+https://github.com/crookedneighbor/markdown-it-link-attributes.git"},"author":{"name":"Blade Barringer","email":"blade@crookedneighbor.com"},"bugs":{"url":"https://github.com/crookedneighbor/markdown-it-link-attributes"},"license":"MIT","readmeFilename":"README.md"}