React Bootstrap editor

Lightweight Rich Text Editor based on Edkit, React & Bootstrap

Demo

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

Tools

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

Versions

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

Usage

Installation

Shell command

npm install react react-bootstrap-editor

tsconfig.json

{
    "compilerOptions": {
        "target": "ES6",
        "module": "ESNext",
        "moduleResolution": "Bundler",
        "useDefineForClassFields": true,
        "experimentalDecorators": false,
        "jsx": "react-jsx"
    }
}

HTML entry

<head> </head>

Initialization

import { PureComponent } from 'react';
import { Editor } from 'react-bootstrap-editor';

export class PostEdit extends PureComponent {
    render() {
        return (
            <Editor
                name="content"
                defaultValue="<p>test</p>"
                onChange={console.log}
            />
        );
    }
}