Skip to content

EasyWebApp/FileCell

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FileCell

File Uploader element based on Web Components & WebCell v2

NPM Dependency CI & CD

NPM

Example

JSX usage

import { documentReady, render, createCell } from 'web-cell';
import { FileCellProps, FileCell } from 'file-cell';
import { MarkdownEditor } 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}>
            <MarkdownEditor name="markdown">default text</MarkdownEditor>
        </FileCell>
    )
);

Listen Upload event

https://github.com/EasyWebApp/markdown-area-element/blob/d9930bb/source/Editor.tsx#L65-L68

Update File URL

https://github.com/EasyWebApp/markdown-area-element/blob/d9930bb/source/Editor.tsx#L80-L85

About

File Uploader element based on Web Components & WebCell v2

Topics

Resources

Stars

Watchers

Forks

Sponsor this project

Packages

No packages published