KRBL/WhiteNightsAdminPanel
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix styles for MarkdownEditor

Browse Source
This commit is contained in:
maxim
2025-03-17 01:19:54 +03:00
parent 0365b9368d
commit b8e7fd562e
5 changed files with 95 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/pages/article/create.tsx
View File

@ -4,10 +4,10 @@ import {useForm} from '@refinedev/react-hook-form'
import {Controller} from 'react-hook-form'
import React from 'react'
import SimpleMDE from 'react-simplemde-editor'
import {MarkdownEditor} from '../../components/MarkdownEditor'
import 'easymde/dist/easymde.min.css'
const MemoizedSimpleMDE = React.memo(SimpleMDE)
const MemoizedSimpleMDE = React.memo(MarkdownEditor)
export const ArticleCreate = () => {
const {
@ -47,7 +47,20 @@ export const ArticleCreate = () => {
name="heading"
/>
<Controller control={control} name="body" rules={{required: 'Это поле является обязательным'}} defaultValue="" render={({field: {onChange, value}}) => <MemoizedSimpleMDE value={value} onChange={onChange} options={simpleMDEOptions} className="my-markdown-editor" />} />
<Controller
control={control}
name="body"
rules={{required: 'Это поле является обязательным'}}
defaultValue=""
render={({field: {onChange, value}}) => (
<MemoizedSimpleMDE
value={value} // markdown
onChange={onChange}
options={simpleMDEOptions}
className="my-markdown-editor"
/>
)}
/>
</Box>
</Create>
)

19
src/pages/article/edit.tsx
View File

@ -4,10 +4,10 @@ import {useForm} from '@refinedev/react-hook-form'
import {Controller} from 'react-hook-form'
import React from 'react'
import SimpleMDE from 'react-simplemde-editor'
import {MarkdownEditor} from '../../components/MarkdownEditor'
import 'easymde/dist/easymde.min.css'
const MemoizedSimpleMDE = React.memo(SimpleMDE)
const MemoizedSimpleMDE = React.memo(MarkdownEditor)
export const ArticleEdit = () => {
const {
@ -42,7 +42,20 @@ export const ArticleEdit = () => {
name="heading"
/>
<Controller control={control} name="body" rules={{required: 'Это поле является обязательным'}} defaultValue="" render={({field: {onChange, value}}) => <MemoizedSimpleMDE value={value} onChange={onChange} options={simpleMDEOptions} className="my-markdown-editor" />} />
<Controller
control={control}
name="body"
rules={{required: 'Это поле является обязательным'}}
defaultValue=""
render={({field: {onChange, value}}) => (
<MemoizedSimpleMDE
value={value} // markdown
onChange={onChange}
options={simpleMDEOptions}
className="my-markdown-editor"
/>
)}
/>
</Box>
</Edit>
)