React-bootstrap-editor NPM

React Bootstrap editor

Lightweight Rich Text Editor based on Edkit, React & Bootstrap

Demo

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

Tools

Versions

SemVer	branch	status	ES decorator	MobX	Edkit
`>=2`	`master`	✅developing	stage-3	`>=6.11`	v1
`>=1 <2`	`master`	❌deprecated	stage-2	`>=4 <6.11`	v1
`<1`	`v0.x`	❌deprecated

Usage

Installation

Shell command

npm install react react-bootstrap-editor

`tsconfig.json`

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

HTML entry

<head>
    <link
        rel="stylesheet"
        href="https://unpkg.com/bootstrap@5.3.2/dist/css/bootstrap.min.css"
    />
    <link
        rel="stylesheet"
        href="https://unpkg.com/bootstrap-icons@1.11.3/font/bootstrap-icons.css"
    />
</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}
            />
        );
    }
}

rich-text html editor typescript react bootstrap

@swc/helpers edkit mobx mobx-react web-utility

@infinitebrahmanuniverse/nolb-react-bo @everything-registry/sub-chunk-2542 @zalastax/nolb-react-bo

15 days ago

3 months ago

3 months ago

9 months ago