Selaa lähdekoodia

支持markdown 编辑器预览层级自动编号

visuddhinanda 1 vuosi sitten
vanhempi
sitoutus
7f3c4c4a46

+ 1 - 1
dashboard/src/components/article/ArticleEdit.tsx

@@ -270,7 +270,7 @@ const ArticleEditWidget = ({
           }
         >
           <MDEditor
-            className="pcd_md_editor"
+            className="pcd_md_editor paper_zh"
             onChange={(value) => setContent(value)}
             height={450}
             minHeight={200}

+ 8 - 0
dashboard/src/components/article/article.css

@@ -73,15 +73,19 @@ h6 {
   content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4);
 }
 
+.pcd_md_editor h1,
 .pcd_article h1 {
   margin-top: 1em;
   font-size: 27px !important;
   border-bottom: 1px solid gray;
   counter-increment: h1;
 }
+.pcd_md_editor h1 + h2,
 .pcd_article h1 + h2 {
   counter-set: h2 1;
 }
+
+.pcd_md_editor h2,
 .pcd_article h2 {
   margin-top: 1em;
   font-size: 24px !important;
@@ -89,18 +93,22 @@ h6 {
   counter-reset: h3;
   counter-increment: h2;
 }
+.pcd_md_editor h2 + h3,
 .pcd_article h2 + h3 {
   counter-set: h3 1;
 }
+.pcd_md_editor h3,
 .pcd_article h3 {
   margin-top: 0.5em;
   font-size: 22px !important;
   counter-increment: h3;
   counter-reset: h4;
 }
+.pcd_md_editor h3 + h4,
 .pcd_article h3 + h4 {
   counter-set: h4 1;
 }
+.pcd_md_editor h4,
 .pcd_article h4 {
   font-size: 20px !important;
   counter-increment: h4;