open-index/open-npm huggingface dataset:
npm package: @lucarickli/mdie
Description: Markdown inline editor
Latest version: 0.0.3

# MDIE (WIP)

Markdown inline editor.

### [Demo](https://lucarickli.github.io/mdie/)

### [Documentation](https://lucarickli.github.io/mdie/docs)

### Install

```sh
npm i -S @lucarickli/mdie
```

### CSS

> **Note**
> A new line can be created by clicking onto the padding of a target child.
> Without this padding you wont be able to directly create new lines.

The editor itself does not come with any css, instead it adds the class tag `mdie` to the target.
Here is a snippet to include in your app for a basic working example.

```css
.mdie > * {
  padding-bottom: 8px;
}
```

### Example

```ts
import Mdie from '@lucarickli/mdie'
import marked from 'marked'

const editor = new Mdie({
  target: document.body,
  markdown: `# Hello world`,
  parse: (md) => marked.parse(md) // 3rd party library
})
```