https://github.com/easywebapp/quill-cell

HTML Rich-text editor element based on Web Components, WebCell v2 & Quill.
https://github.com/easywebapp/quill-cell

component editor element html quill rich-text web web-cell

Last synced: 26 days ago
JSON representation

HTML Rich-text editor element based on Web Components, WebCell v2 & Quill.

• Host: GitHub
• URL: https://github.com/easywebapp/quill-cell
• Owner: EasyWebApp
• Created: 2022-02-04T17:54:14.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2024-04-25T15:53:01.000Z (9 months ago)
• Last Synced: 2024-04-26T11:41:00.667Z (9 months ago)
• Topics: component, editor, element, html, quill, rich-text, web, web-cell
• Language: TypeScript
• Homepage: https://web-cell.dev/quill-cell/
• Size: 179 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: ReadMe.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
# Quill Cell

**HTML Rich-text editor** element based on [Web Components][1], [WebCell v2][2] & [Quill][3].

[![NPM Dependency](https://david-dm.org/EasyWebApp/quill-cell.svg)][4]

[![CI & CD](https://github.com/EasyWebApp/quill-cell/workflows/CI%20&%20CD/badge.svg)][5]

[![NPM](https://nodei.co/npm/file-cell.png?downloads=true&downloadRank=true&stars=true)][6]

## Usage

```tsx

import { documentReady, render, createCell } from 'web-cell';

import { QuillCellProps, QuillCell } from 'quill-cell';

const upload: QuillCellProps['upload'] = async file => {

    const response = await fetch('/file', {

        method: 'POST',

        body: file

    });

    const { path } = await response.json();

    return path;

};

documentReady.then(() =>

    render(

        

            Operate after selecting

        

    )

);

```

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

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

[3]: https://quilljs.com/

[4]: https://david-dm.org/EasyWebApp/quill-cell

[5]: https://github.com/EasyWebApp/quill-cell/actions

[6]: https://nodei.co/npm/file-cell/