group posts

src/views/articleeditor/Editor.tsx

@@ -4,18 +4,7 @@ import 'highlight.js/styles/github-dark.css';
 
 import MarkdownPreview from './MarckDownPreview';
 
-interface MarkdownEditorProps {
-    defaultValue?: string;
-    onChange: (value: string) => void;
-}
-
-const MarkdownEditor: FC<MarkdownEditorProps> = ({
-    defaultValue,
-    onChange,
-}) => {
-    const [markdown, setMarkdown] = useState<string>(
-        defaultValue ||
-            `# 🌙 Добро пожаловать в Markdown-редактор
+export const MarkDownPattern = `# 🌙 Добро пожаловать в Markdown-редактор
 
 Добро пожаловать в **Markdown-редактор**!  
 Здесь ты можешь писать в формате Markdown и видеть результат **в реальном времени** 👇
@@ -209,13 +198,29 @@ print(greet("Мир"))
 
 **🖤 Конец демонстрации. Спасибо, что используешь Markdown-редактор!**
     
-`,
+`;
+
+interface MarkdownEditorProps {
+    defaultValue?: string;
+    onChange: (value: string) => void;
+}
+
+const MarkdownEditor: FC<MarkdownEditorProps> = ({
+    defaultValue,
+    onChange,
+}) => {
+    const [markdown, setMarkdown] = useState<string>(
+        defaultValue || MarkDownPattern,
     );
 
     useEffect(() => {
         onChange(markdown);
     }, [markdown]);
 
+    useEffect(() => {
+        setMarkdown(defaultValue || MarkDownPattern);
+    }, [defaultValue]);
+
     // Обработчик вставки
     const handlePaste = async (
         e: React.ClipboardEvent<HTMLTextAreaElement>,