feat: add MarkdownEditor component and integrate it into news add/edit forms

src/views/news/components/add.vue

@@ -163,14 +163,7 @@ async function handleSubmit() {
     </NFormItem>
 
     <NFormItem label="新闻内容" path="content">
-      <NInput
-        v-model:value="form.content"
-        type="textarea"
-        placeholder="请输入新闻内容"
-        :rows="10"
-        maxlength="10000"
-        show-count
-      />
+      <MarkdownEditor v-model:value="form.content" placeholder="请输入新闻内容" :preview="false" />
     </NFormItem>
 
     <NFormItem label="附件上传" path="attachmentIds">

src/views/news/components/edit.vue

@@ -165,14 +165,7 @@ async function handleSubmit() {
     </NFormItem>
 
     <NFormItem label="新闻内容" path="content">
-      <NInput
-        v-model:value="form.content"
-        type="textarea"
-        placeholder="请输入新闻内容"
-        :rows="10"
-        maxlength="10000"
-        show-count
-      />
+      <MarkdownEditor v-model:value="form.content" placeholder="请输入新闻内容" :preview="false" />
     </NFormItem>
 
     <NFormItem label="附件上传" path="attachmentIds">

src/views/news/index.vue

@@ -134,7 +134,7 @@ function handleAdd() {
           tableInst.value?.reload();
         }
       }),
-    style: { width: '600px' },
+    style: { width: '1200px' },
     showIcon: false
   });
 }