https://github.com/easywebapp/markdown-area-element

MarkDown Editor element based on Web Components & WebCell v2
https://github.com/easywebapp/markdown-area-element

component editor element markdown web web-cell

Last synced: 26 days ago
JSON representation

MarkDown Editor element based on Web Components & WebCell v2

• Host: GitHub
• URL: https://github.com/easywebapp/markdown-area-element
• Owner: EasyWebApp
• Created: 2022-02-04T11:47:39.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-02-04T15:04:14.000Z (almost 3 years ago)
• Last Synced: 2024-04-25T23:43:46.002Z (9 months ago)
• Topics: component, editor, element, markdown, web, web-cell
• Language: TypeScript
• Homepage: https://web-cell.dev/markdown-area-element/
• Size: 136 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: ReadMe.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
# Markdown Area Element

**MarkDown Editor** element based on [Web Components][1] & [WebCell v2][2]

[![NPM Dependency](https://david-dm.org/EasyWebApp/markdown-area-element.svg)][3]

[![CI & CD](https://github.com/EasyWebApp/markdown-area-element/workflows/CI%20&%20CD/badge.svg)][4]

[![NPM](https://nodei.co/npm/markdown-area-element.png?downloads=true&downloadRank=true&stars=true)][5]

## Usage

```tsx

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(

        

            

                default text

            

        

    )

);

```

[1]: https://www.webcomponents.org/

[2]: https://web-cell.dev/

[3]: https://david-dm.org/EasyWebApp/markdown-area-element

[4]: https://github.com/EasyWebApp/markdown-area-element/actions

[5]: https://nodei.co/npm/markdown-area-element/