### 介绍系统 ```ts "use client"; import React, { useMemo } from 'react'; import dynamic from 'next/dynamic'; import { Field, FieldError, FieldLabel } from '@/components/shadcn/ui/field'; import "easymde/dist/easymde.min.css"; import styles from '../project-save-form.module.css'; // 动态导入 SimpleMDE，禁用 SSR const SimpleMDE = dynamic(() => import('react-simplemde-editor'), { ssr: false, loading: () => (

加载编辑器中...

), }); interface ContentFieldProps { field: any; isSubmitting: boolean; } export function ContentField({ field, isSubmitting }: ContentFieldProps) { const isInvalid = field.state.meta.isTouched && !field.state.meta.isValid; // SimpleMDE 配置 const editorOptions = useMemo(() => { return { spellChecker: false, status: ['lines', 'words', 'cursor'] as any, toolbar: [ "bold", "italic", "heading", "|", "quote", "unordered-list", "ordered-list", "|", "link", "image", "|", "code", "table", "|", "preview", "side-by-side", "fullscreen", ] as any, minHeight: "400px", maxHeight: "800px", autofocus: false, } as any; }, []); return ( 项目内容 *

field.handleChange(value)} options={editorOptions} />

{isInvalid && ( )}

支持 Markdown 语法，可以使用预览功能查看效果

); } ``` ## 你好啊 * 大王嫁到 * 大王来了 ![大肥猪](https://pub-3564aed36d024ac8afd84a900e564363.r2.dev/blog-1/shiliang_cat_2.jpg)

博客

测试博客

博客

测试博客