ویرایشگر متن غنی — RichTextEditor

import { RichTextEditor } from '@tokapps/editor';

import { RichTextEditor } from '@tokapps/editor';<RichTextEditor label="توضیحات" placeholder="چیزی بنویسید…" />

<RichTextEditor label="نظر" tools={{ preset: 'comment' }} />

<RichTextEditor label="یادداشت" toolbar="none" defaultValue="فقط خواندن و نوشتن" />

const [md, setMd] = useState('# عنوان\n\nسلام {{company.phone}}');<RichTextEditor label="متن راهنما" format="markdown" value={md} onChange={(v) => setMd(String(v))} />

<RichTextEditor  label="معرفی"  maxLength={200}  validators={[{ type: 'required' }, { type: 'minWords', value: 5, message: 'حداقل پنج واژه' }]}  value={doc}  onChange={(v) => setDoc(v as TdsDoc)}/>

import { DynamicParamsProvider } from '@tokapps/tuk/params';<DynamicParamsProvider source="/api/params">  <RichTextEditor label="متن" defaultValue="تماس: {{company.phone}}" /></DynamicParamsProvider>

<RichTextEditor  label="مقاله"  upload={async (file, { kind }) => {    const body = new FormData();    body.append('file', file);    const res = await fetch('/api/uploads', { method: 'POST', body });    return res.json(); // { src, alt?, title?, fileName? }  }}/>

<RichTextEditor label="سند" layout="page" defaultValue="صفحهٔ اول سند" />

<RichTextEditor label="قفل" isReadOnly defaultValue="فقط خواندنی" /><RichTextEditor label="خطا" isInvalid errorMessage="این فیلد الزامی است" />