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

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

Package Sidebar

Install

npm i react-bootstrap-editor

Weekly Downloads

222

Version

2.0.2

License

LGPL-3.0

Unpacked Size

15.5 kB

Total Files

12

Last publish

Collaborators

  • tech_query