@tenbox-dev/sura-ui-rich-text-editor NPM

@tenbox-dev/sura-ui-rich-text-editor

Text Editor in React built on top draft-js.

Use case

use with input form

Installation

npm package

yarn add @tenbox-dev/sura-ui-rich-text-editor

Property

Props	Description	Type
value	value for input into the components	`string`
default value	default value input into the component for initial value	`string`
onChange	callback data when components change	`(e: string)=> void`

Example

import { Fragment } from "react";
import { AsurRaaRichTextEditor } from "@tenbox-dev/sura-ui-rich-text-editor";
const TestPage = () => {
  return (
    <Fragment>
      <div
        style={{
          display: "flex",
          justifyContent: "center",
          alignItems: "center",
          minHeight: "100vh",
        }}
      >
        <AsurRaaRichTextEditor />
      </div>
    </Fragment>
  );
};

export default TestPage;

Dependency

draft-js
draft-convert

draft-convert draft-js

1.0.0

1 year ago