nilfam-editor/src/App.jsx

A powerful, customizable rich-text editor built with TipTap, React, and Tailwind CSS. Supports RTL/LTR text, resizable media (images/videos), tables, code blocks, font styling, and more for an enhanced content creation experience.

import './App.css'
import Editor from "./lib/Editor.jsx";
import {useEffect, useState} from "react";

function App() {

    const [content, setContent] = useState('<p>Start editing...</p>');

    // useEffect(() => {
    //     console.log(content);
    // }, [content]);

    return (
        <div className="tw:flex tw:flex-col tw:p-20 tw:dark:bg-gray-900 tw:h-screen">
            <Editor  value={content} onChange={setContent}
                     lang="fa" isDark={false}/>
        </div>


)
}

export default App