English | 简体中文

Markdown Pane

> Warning: This page is translated by MACHINE, which may lead to POOR QUALITY or INCORRECT INFORMATION, please read with CAUTION!

Features:

- to Markdown based on the display of multiple panes within a single page, each using Markdown syntax.
- Reserved Markdown the function.
- You can define the position of each pane

Use Scenario:

- Planned version
- Paste a note for an article
- More......

Demo

Demo Page\
Conversion Tools

Use

$3

Install with npm

- Partial installation

``sh
npm i markpane
`

- Global Installation

`sh
npm i -g markpane
`

using cdn

`html



`

$3

> If you use a global installation (npm i -g markpane), you can use it directly markpane command

`sh
$ npx markpane parse _test/test.mdp


$ npx markpane parseJson _test/test.mdp
{
"panes": [
{
"x": null,
"y": null,
"width": null,
"height": null,
"zIndex": null,
"id": null,
"class": [],
"markdown": "# test",
"html": "

test

\n"
},
{
"x": null,
"y": null,
"width": null,
"height": null,
"zIndex": null,
"id": null,
"class": [],
"markdown": "",
"html": ""
}
]
}
`

$3

`html







`

$3

#### Browser

`html






`

#### NPM

`js
import markpane from "markpane";
document.getElementById('container').innerHTML = markpane.parse('---\n# test\n---');
`

Markdown Pane syntax

with Markdown syntax Consistent

New syntax:

`markdown
---


Markdown Pane


---
`

All parameters are optional

- x: The distance of the panel from the left
- y: The distance of the panel from the top
- width: Panel width
- height: Panel height
- zIndex: Panel stacking order
- id: id of the panel container
- class` the class of the panel container