1. jstransformer-markdown-it
markdown-it support for JSTransformers.
jstransformer-markdown-it
Package: jstransformer-markdown-it
Created by: jstransformers
Last modified: Tue, 19 Jul 2022 16:19:55 GMT
Version: 3.0.0
License: MIT
Downloads: 36,255
Repository: https://github.com/jstransformers/jstransformer-markdown-it

Install

npm install jstransformer-markdown-it
yarn add jstransformer-markdown-it

jstransformer-markdown-it

markdown-it support for JSTransformers.

Build Status
Coverage Status
Dependency Status
NPM version

Installation

npm install jstransformer-markdown-it

API

 var md = require('jstransformer')(require('jstransformer-markdown-it'));

md.render('# Hello World!').body;
//=> '<h1>Hello World!</h1>'

Inline rendering

markdown-it supports rendering a Markdown string in an inline fashion (i.e. without wrapping <p>):

 var md = require('markdown-it')();
md.renderInline(src);

In jstransformer-markdown-it, this can be achieved through the inline option:

 var md = require('jstransformer')(require('jstransformer-markdown-it'));
md.render('**strong**').body;
//=> '<p><strong>strong</strong></p>\n'
md.render('**strong**', { inline: true }).body;
//=> '<strong>strong</strong>'

Plugins

Plugins in markdown-it are applied with the .use function:

 var md = require('markdown-it')();
md.use(require('plugin1'));
md.use(plugin2);
md.use(plugin3, opts, ...);
md.use(require('plugin4'), opts, ...);

jstransformer-markdown-it allows doing the same through the plugins option:

 var md = require('jstransformer')(require('jstransformer-markdown-it'));

md.render(markdown, {
  plugins: [
    'plugin1',
    plugin2,
    [plugin3, opts, ...],
    ['plugin4', opts, ...]
  ]
}).body;

If an element of the plugins array is a string, it is required. If an element is an array, the first element will represent the plugin, while the rest are treated as options to that plugin.

Rules

markdown-it allows enabling and disabling specific rules through md.disable and .enable functions:

 var md = require('markdown-it')();
md.disable([ 'link', 'image' ]);
md.disable('backticks');
md.disable('might-not-exist', true);
md.enable('might-not-exist2', true);

In jstransformer-markdown-it, the same thing can be done with the enable and disable options, with slightly modified syntax:

 var md = require('jstransformer')(require('jstransformer-markdown-it'))

md.render(markdown, {
  disable: [
    'link',
    'image',
    'backticks',
    ['might-not-exist', true]
  ],
  enable: [
    ['might-not-exist2', true]
  ]
}).body;

License

MIT

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin