open-index/open-npm huggingface dataset:
npm package: @more-markdown/code-controls
Description: Enables controls for code environments
Latest version: 0.1.3

# more-markdown / code-controls

A plugin that can add HTML code for code envirnoments (e.g. Debug buttons).

# Installation

```
npm install @more-markdown/code-controls
```

# Usage

Currently this plugin supports two controls. A `play` button and a `debug` button.
The class of the button specifies which method is run. This package returns a
function that takes the fenced code language tag. Two functions run and debug
and a function that generates the HTML. The element is found via the `data-element-id`
attribute. This plugin searches for the play and debug button in this
element only.

```
var moreMarkdown = require('more-markdown');
var codeControls = require('@more-markdown/code-controls');
var _ = require('lodash');

// create a processor that writes the final html
// to the element with the id 'output'
var proc = moreMarkdown.create('output', processors: [
  codeControls("js", {
      run: eval,
      debug: eval
    }, _.template("<div data-element-id=\"<%= id %>\">"+
        "<button class='play'>Run</button>" +
        "<button class='debug'>Debug</button>" +
      "</div>"
      "<%= html %>"))
  ]);

proc.render("```js"+
'console.log("print this")'
"```");
```
npm package: @more-markdown/dot-processor
Description: Plugin for more-markdown to support rendering dot files.
Latest version: 0.1.2

# more-markdown / dot-processor

A plugin for `more-markdown` that renders graphs in dot notation.

# Installation

You first need a [more-markdown](https://github.com/Welfenlab/more-markdown) setup.
Then you can install it via:

```
npm install @more-markdown/dot-processor
```

# Usage

```
var moreMarkdown = require('more-markdown');
var dotProcessor = require('@more-markdown/dot-processor');

// create a processor that writes the final html
// to the element with the id 'output'
var proc = moreMarkdown.create('output', processors: [dotProcessor]);

proc.render("```dot" +
"digraph graphname {"+
"      a -> b -> c;"+
"      b -> d;" +
"}"+
"```");
```
npm package: @more-markdown/graph-chart-processor
Description: Plugin for more-markdown to support graph charts.
Latest version: 0.0.9

# more-markdown / graph-chart-processor

A plugin for `more-markdown` that renders chart graphs.

# Installation

You first need a [more-markdown](https://github.com/Welfenlab/more-markdown) setup.
Then you can install it via:

```
npm install @more-markdown/graph-chart-processor
```

# Usage

```
var moreMarkdown = require('more-markdown');
var chartProcessor = require('@more-markdown/graph-chart-processor');

// create a processor that writes the final html
// to the element with the id 'output'
var proc = moreMarkdown.create('output', processors: [treeProcessor]);

proc.render("```chart" +
"//TODO: add example"
"```");
```
npm package: @more-markdown/mathjax-processor
Description: Mathjax Processor for more-markdown.
Latest version: 0.1.2

# more-markdown / mathjax-processor

A plugin for `more-markdown` that render LaTeX formulas using MathJax.

# Installation

You first need a [more-markdown](https://github.com/Welfenlab/more-markdown) setup. Then you can install it via:

```
npm install @more-markdown/mathjax-processor
```

# Usage

```
var moreMarkdown = require('more-markdown');
var mathjaxProcessor = require('@more-markdown/mathjax-processor');

// create a processor that writes the final html
// to the element with the id 'output'
var proc = moreMarkdown.create('output', processors: [mathjaxProcessor]);

proc.render("$$ a^2 = b^2 + c^2 $$");
```
npm package: @more-markdown/svg-processor
Description: Plugin for more-markdown to support rendering svg files.
Latest version: 0.0.3

# more-markdown / svg-processor

A plugin for `more-markdown` that renders graphs in svg notation.

# Installation

You first need a [more-markdown](https://github.com/Welfenlab/more-markdown) setup.
Then you can install it via:

```
npm install @more-markdown/svg-processor
```

# Usage

```
var moreMarkdown = require('more-markdown');
var svgProcessor = require('@more-markdown/svg-processor');

// create a processor that writes the final html
// to the element with the id 'output'
var proc = moreMarkdown.create('output', processors: [svgProcessor]);

proc.render("```svg" +
"}"+
"```");
```
npm package: @more-markdown/test-processor
Description: A more-markdown test-processor.
Latest version: 0.1.10

# more-markdown / test-processor

A plugin for `more-markdown` that runs tests on the markdown contents.

# Installation

You first need a [more-markdown](https://github.com/Welfenlab/more-markdown) setup.
Then you can install it via:

```
npm install @more-markdown/test-processor
```

# Usage

```
var moreMarkdown = require('more-markdown');
var testProcessor = require('@more-markdown/test-processor');

// create a processor that writes the final html
// to the element with the id 'output'
var proc = moreMarkdown.create('output', processors: [testProcessor(...)]);

proc.render("```test" +
"it('should do X', function(){...})" +
"```");
```

Or have a look at the [markdown-editor-example](https://github.com/Welfenlab/markdown-editor-example)
npm package: @more-markdown/tree-processor
Description: Plugin for more-markdown to support rendering tree files.
Latest version: 0.0.8

# more-markdown / tree-processor

A plugin for `more-markdown` that renders graphs in tree preorder notation.

# Installation

You first need a [more-markdown](https://github.com/Welfenlab/more-markdown) setup.
Then you can install it via:

```
npm install @more-markdown/tree-processor
```

# Usage

```
var moreMarkdown = require('more-markdown');
var treeProcessor = require('@more-markdown/tree-processor');

// create a processor that writes the final html
// to the element with the id 'output'
var proc = moreMarkdown.create('output', processors: [treeProcessor]);

proc.render("```tree" +
"A(B(D E(F))C)"
"```");
```