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

Versions

| SemVer | branch | status | ES decorator | MobX | Edkit | Bootstrap | | :------: | :------: | :----------: | :----------: | :------: | :---: | :-------: | | >=2 <3 | master | ✅developing | stage-3 | >=6.11 | v1 | v6 | | >=1 <2 | master | ❌deprecated | stage-3 | >=6.11 | v1 | v5 |

Usage

Installation

Shell command

npm install web-cell boot-cell-editor

tsconfig.json

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

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}
            />
        );
    }
}