remarkable plugin to put code blocks into groups
npm install remarkable-codegroup
remarkable plugin to put code blocks into groups
``shell`
npm i --save remarkable-codegroup
`js`
const Remarkable = require('remarkable');
const markdown = new Remarkable(opts)
const codeGroup = require('remarkable-codegroup');
markdown.use(codeGroup);
This plugin creates a codegroup in the html syntax for the following:
- Bootstrap 3 Tabs
- requires: jQuery, Boostrap 3 (js, css)
The syntax below denotes how the markdown should look in order to group code blocks
[codegroup]
`js./${docFolder}
const docFolder = 'source/docs'
const docPath =;`
const fileGlob = '*/.md'
const publicFolder = 'public';
const htmlTemplate = fs.readFileSync('source/doc.template.html', 'utf8')`
js::sdk./${docFolder}
const docFolder = 'source/docs'
const docPath =;`
const fileGlob = '*/.md'
const publicFolder = 'public';`
swift`
func application(_ application: UIApplication) -> Bool {
sampleApp = SampleApplication()
return true
}
[/codegroup]
Please Note: The dark theme in this example is a custom style. Styles can be customized however you see fit.
As seen in the example above, tabs can have custom names for situations where you may need to group the same language and need to differentiate them.
The example above shows a code block js::sdk, where js is the language syntax to be used and sdk denotes the name to be seen in the tab; we use ::` to separate both terms.
Notes:
- Pull requests are welcome