ReadMe.md

Markdown Area Element

MarkDown Editor element based on Web Components & WebCell v2

Usage

import { documentReady, render, createCell } from 'web-cell';
import { FileCellProps, FileCell } from 'file-cell';
import { MarkdownAreaElement } from 'markdown-area-element';

const upload: FileCellProps['transport'] = async file => {
    const response = await fetch('/file', {
        method: 'POST',
        body: file
    });
    const { path } = await response.json();

    return { path };
};

documentReady.then(() =>
    render(
        <FileCell transport={upload}>
            <MarkdownAreaElement name="markdown">
                default text
            </MarkdownAreaElement>
        </FileCell>
    )
);