Boot-cell-editor NPM

BootCell HTML editor

Lightweight Rich Text Editor based on Edkit, WebCell & Bootstrap

Demo

https://idea2app.github.io/Edkit/WebCell/

Tools

https://github.com/idea2app/Edkit#tools

Usage

Installation

Shell command

npm install web-cell boot-cell-editor

`tsconfig.json`

{
    "compilerOptions": {
        "target": "ES6",
        "moduleResolution": "Node",
        "useDefineForClassFields": true,
        "jsx": "react-jsx",
        "jsxImportSource": "dom-renderer"
    }
}

HTML entry

<head>
    <link
        rel="stylesheet"
        href="https://unpkg.com/bootstrap@5.3.3/dist/css/bootstrap.min.css"
    />
    <link
        rel="stylesheet"
        href="https://unpkg.com/bootstrap-icons@1.11.3/font/bootstrap-icons.css"
    />
</head>

Initialization

import { component } from 'web-cell';
import { Editor } from 'boot-cell-editor';

@component({ tagName: 'post-edit' })
export class PostEdit extends HTMLElement {
    render() {
        return (
            <Editor
                name="content"
                defaultValue="<p>test</p>"
                onChange={console.log}
            />
        );
    }
}

rich-text html editor typescript webcell bootstrap

mobx edkit web-cell web-utility @swc/helpers dom-renderer

3 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago