markdown-it-incremental-dom
Advanced tools
:warning: WARNING! This plugin is under development.
A markdown-it renderer plugin by using Incremental DOM.
const IncrementalDOM = require('incremental-dom')
const md = require('markdown-it')()
.use(require('markdown-it-incremental-dom'), IncrementalDOM)
IncrementalDOM.patch(
document.getElementById('target'),
md.renderToIncrementalDOM('# Hello, Incremental DOM!')
)
Define as window.markdownitIncrementalDOM.
<!DOCTYPE HTML>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/incrementaldom/0.5.1/incremental-dom.js"></script>
<script src="https://cdn.jsdelivr.net/markdown-it/8.2.2/markdown-it.min.js"></script>
<script src="./node_modules/markdown-it-incremental-dom/dist/markdown-it-incremental-dom.js"></script>
</head>
<body>
<div id="target"></div>
<script>
var md = new markdownit().use(markdownitIncrementalDOM)
IncrementalDOM.patch(
document.getElementById('target'),
md.renderToIncrementalDOM('# Hello, Incremental DOM!')
)
</script>
</body>
</html>
We recommend using yarn to install.
$ yarn add markdown-it-incremental-dom
If you wanna use npm, try this:
$ npm install markdown-it-incremental-dom --save
When injecting this plugin by .use(), you should pass Incremental DOM class as second argument. (window.IncrementalDOM by default)
const IncrementalDOM = require('incremental-dom')
const md = require('markdown-it')()
.use(require('markdown-it-incremental-dom'), IncrementalDOM)
If it is succeed, 2 new rendering methods would be injected to instance.
MarkdownIt.renderToIncrementalDOM(src[, env]) => FunctionSimilar to MarkdownIt.render(src[, env]) but it returns a function for Incremental DOM. It means doesn't render Markdown immediately.
You must render to DOM by using IncrementalDOM.patch(node, description). Please pass the returned function to the description argument. For example:
const node = document.getElementById('#target')
const func = md.renderToIncrementalDOM('# Hello, Incremental DOM!')
// It would render "<h1>Hello, Incremental DOM!</h1>" to <div id="target">
IncrementalDOM.patch(node, func)
MarkdownIt.renderInlineToIncrementalDOM(src[, env]) => FunctionSimilar to MarkdownIt.renderToIncrementalDOM but it wraps MarkdownIt.renderInline(src[, env]).
$ git clone https://github.com/yhatt/markdown-it-incremental-dom
$ yarn install
$ yarn build
Yuki Hattori (@yhatt)
This plugin releases under the MIT License.
FAQs
markdown-it renderer plugin by using Incremental DOM.
We found that markdown-it-incremental-dom 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
Newly introduced telemetry in devenv 1.4 sparked a backlash over privacy concerns, leading to the removal of its AI-powered feature after strong community pushback.
Security News
TC39 met in Seattle and advanced 9 JavaScript proposals, including three to Stage 4, introducing new features and enhancements for a future ECMAScript release.
Security News
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.