Noisy Pillaging Monster

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

    2.0.0-alpha.5 • Public • Published

    react-editor is FINALLY RETURNED !!

    It's been over 4 years...
    Now react-editor is BACK with fully TS & REACT-HOOKS integrated

    npm i -S react-editor
    import { Editor } from 'react-editor'
     
    let [value, setValue] = useState('')
    let ref = useRef()
     
    ref.focus()
    ref.insertText('foo')
    ref.insertHTML('<img src="https://foo.bar/baz.png">')
    value = 'set content'
     
    <Editor
      ref={ref}
      placeholder="Type message to send..."
      className={styles.editor}
      value={value}
      onChange={setValue}
    />

    Props

    export interface EditorProps {
      value?: string;
      defaultValue?: string;
      className?: string;
      placeholder?: string;
      allowInWebDrop?: boolean;
      processHTML?: (html: string) => string;
      processText?: (text: string) => string;
      onFocus?: (e: React.FocusEvent<HTMLDivElement>) => void;
      onBlur?: (e: React.FocusEvent<HTMLDivElement>) => void;
      onDrop?: (e: React.DragEvent<HTMLDivElement>) => void;
      onPaste?: (e: React.ClipboardEvent<HTMLDivElement>) => void;
      onChange?: (value: string) => void;
      [restProp: string]: any; // onto <div>
    }
     
    export interface EditorRefAttrs {
      focus: () => void;
      insertHTML: (html: string) => void;
      insertText: (text: string) => void;
    }

    for umd / <\script> usage

    <script src="https://unpkg.com/react"></script>
    <script src="https://unpkg.com/react-dom"></script>
    <script src="https://unpkg.com/react-editor"></script>
    <script src="myapp.js"></script>
    // myapp.js
    let React = window.React;
    let ReactDOM = window.ReactDOM;
    let { Editor } = window.ReactEditor;
     
    ReactDOM.render(<Editor />, mountNode);

    for react < 16.8 we need hooks polyfill workaround

    // todo

    for react-editor legacy version

    npm i -S react-editor@1.x

    This project was bootstrapped with create-react-library & react-ts-demo.

    Keywords

    none

    Install

    npm i react-editor

    DownloadsWeekly Downloads

    56

    Version

    2.0.0-alpha.5

    License

    MIT

    Unpacked Size

    70.3 kB

    Total Files

    8

    Last publish

    Collaborators

    • fritx