react-bootstrap-editor
TypeScript icon, indicating that this package has built-in type declarations

2.0.7 • Public • Published

React Bootstrap editor

Lightweight Rich Text Editor based on Edkit, React & Bootstrap

NPM Dependency

NPM

Demo

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

Tools

https://github.com/idea2app/Edkit#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.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 { 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}
            />
        );
    }
}

/react-bootstrap-editor/

    Package Sidebar

    Install

    npm i react-bootstrap-editor

    Weekly Downloads

    67

    Version

    2.0.7

    License

    LGPL-3.0

    Unpacked Size

    140 kB

    Total Files

    17

    Last publish

    Collaborators

    • tech_query