Security News
JavaScript Leaders Demand Oracle Release the JavaScript Trademark
In an open letter, JavaScript community leaders urge Oracle to give up the JavaScript trademark, arguing that it has been effectively abandoned through nonuse.
markdown-it-div
Advanced tools
Plugin for adding block-level divs to markdown-it markdown parser.
Requires markdown-it
v5.+.
With this plugin you can create block divs like:
::: #warning
*here be dragons*
:::
This block will be translated to HTML as:
<div id="warning">
<em>here be dragons</em>
</div>
So, the triple-colon is used to start the div. This may be followed by an ID, any number of class names and any number of other attributes.
The ID is prefixed with an octothorpe:
::: #my-id
Classes need not be prefixed (you can use a dot if like):
::: post .blog-post
Other attributes are of the format attr=value
. So an ID and class could be
set with:
::: id=my-id class=blog-post
You can nest divs within each other as well:
::: #main
::: header
::: menu
*menu here*
:::
:::
::: body
::: post
*POST ONE*
:::
::: post
*POST TWO*
:::
:::
::: footer
Copyright 2018
:::
:::
node.js, browser:
$ npm install markdown-it-div --save
$ bower install markdown-it-div --save
var md = require('markdown-it')()
.use(require('markdown-it-div')[, options]);
Params:
true
on success.:
), character to use in delimiter.Generally, you're just going to use this to add divs around your markdown text.
These are my instructions for hooking the device to the mains.
::: note
Please do NOT do this if you have never handled the mains before!
These are not instructions: [link](https://example.org).
:::
Okay, moving along...
The validate
method allows you to use this class like you would with markdown-it-container
.
So, to add a custom spoiler
tag in your javascript code:
var md = require('markdown-it')();
md.use(require('markdown-it-div'), {
validate: function(params) {
return params.trim().match(/^spoiler\s+(.*)$/);
},
render: function (tokens, idx) {
var m = tokens[idx].info.trim().match(/^spoiler\s+(.*)$/);
if (tokens[idx].nesting === 1) {
// opening tag
return '<details><summary>' + md.utils.escapeHtml(m[1]) + '</summary>\n';
} else {
// closing tag
return '</details>\n';
}
}
});
console.log(md.render('::: spoiler click me\n*content*\n:::\n'));
// Output:
//
// <details><summary>click me</summary>
// <p><em>content</em></p>
// </details>
FAQs
Plugin to add block-level s to markdown-it markdown parser
The npm package markdown-it-div receives a total of 1,254 weekly downloads. As such, markdown-it-div popularity was classified as popular.
We found that markdown-it-div demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
In an open letter, JavaScript community leaders urge Oracle to give up the JavaScript trademark, arguing that it has been effectively abandoned through nonuse.
Security News
The initial version of the Socket Python SDK is now on PyPI, enabling developers to more easily interact with the Socket REST API in Python projects.
Security News
Floating dependency ranges in npm can introduce instability and security risks into your project by allowing unverified or incompatible versions to be installed automatically, leading to unpredictable behavior and potential conflicts.