SmileEye.Edu.Vn React Editor

ReactJS/NextJS Library Component for upload/view Editor. Easy to use. Upload to S3 server support.

Live demo

https://link-to-demo

Setup

Install SmileEye.Edu.Vn React Editor with npm

npm install @smileeye.edu.vn/editor

Get API key at https://link-to-project

Add API key at .env file.

// ReactJS .env
REACT_APP_CODEBY_STORAGE_URL=https://package-storage.codeby.com
REACT_APP_CODEBY_STORAGE_TOKEN=xxx
REACT_APP_CODEBY_STORAGE_API=xxx

// NextJS .env
NEXT_PUBLIC_CODEBY_STORAGE_URL=https://package-storage.codeby.com
NEXT_PUBLIC_CODEBY_STORAGE_TOKEN=xxx
NEXT_PUBLIC_CODEBY_STORAGE_API=xxx

Usage/Examples

import {useEffect, useState} from "react";
import {EditorJS, getText} from "@smileeye.edu.vn/editor";
import "@smileeye.edu.vn/editor/src/smileeye.edu.vn-editor.min.css";

const App = () => {
    const [value, setValue] = useState()
    const [text, setText] = useState("lorem")

    useEffect(() => {
        const text = getText(value);
        setText(text);
    }, [value])

    return (
        <div className={"p-10"}>
            <EditorJS
                value={value}
                onChange={setValue}
                isBorder
            />
            <hr/>
            <EditorJS
                value={value}
                readOnly
                isBorder
            />
        </div>
    )
}
export default App

Support

For support, email [email protected] or join our Slack channel. R&D by https://smileeye.edu.vn

License

MIT