diff --git a/docs/assets/guide/en/tutorial_docs/Richtext_and_Dom.md b/docs/assets/guide/en/tutorial_docs/extend/Richtext_and_Dom.md
similarity index 100%
rename from docs/assets/guide/en/tutorial_docs/Richtext_and_Dom.md
rename to docs/assets/guide/en/tutorial_docs/extend/Richtext_and_Dom.md
diff --git a/docs/assets/guide/menu.json b/docs/assets/guide/menu.json
index 99778a5557..a328238b9b 100644
--- a/docs/assets/guide/menu.json
+++ b/docs/assets/guide/menu.json
@@ -548,6 +548,13 @@
                 "zh": "自定义 mark",
                 "en": "Custom Mark"
               }
+            },
+            {
+              "path": "Richtext_and_Dom",
+              "title": {
+                "zh": "富文本和 Dom 扩展",
+                "en": "Richtext and dom extension"
+              }
             }
           ]
         },
@@ -827,13 +834,6 @@
             "en": "Function"
           }
         },
-        {
-          "path": "Richtext_and_Dom",
-          "title": {
-            "zh": "富文本和 Dom 扩展",
-            "en": "Richtext and dom extension"
-          }
-        },
         {
           "path": "Chart_Plugins",
           "title": {
diff --git a/docs/assets/guide/zh/tutorial_docs/Richtext_and_Dom.md b/docs/assets/guide/zh/tutorial_docs/extend/Richtext_and_Dom.md
similarity index 100%
rename from docs/assets/guide/zh/tutorial_docs/Richtext_and_Dom.md
rename to docs/assets/guide/zh/tutorial_docs/extend/Richtext_and_Dom.md
diff --git a/docs/assets/option/en/component/axis-common/axis-label.md b/docs/assets/option/en/component/axis-common/axis-label.md
index 4c6828039a..f4432f7892 100644
--- a/docs/assets/option/en/component/axis-common/axis-label.md
+++ b/docs/assets/option/en/component/axis-common/axis-label.md
@@ -57,7 +57,7 @@ formatMethod: text => {
 };
 ```
 
-For specific usage of rich text, please refer to the[Rich Text Tutorial Document](/vchart/guide/tutorial_docs/Richtext_and_Dom)
+For specific usage of rich text, please refer to the[Rich Text Tutorial Document](/vchart/guide/tutorial_docs/extend/Richtext_and_Dom)
 
 #${prefix} formatter(string | string[])
 
diff --git a/docs/assets/option/en/component/indicator/indicator-item.md b/docs/assets/option/en/component/indicator/indicator-item.md
index 348a708b45..1701a499ba 100644
--- a/docs/assets/option/en/component/indicator/indicator-item.md
+++ b/docs/assets/option/en/component/indicator/indicator-item.md
@@ -51,7 +51,7 @@ Strategies employed in adaptive text computing. Options:
   IFormatMethod<[activeDatum: Datum]> | ITextMarkSpec['text'] | ReturnType<IFormatMethod<[activeDatum: Datum]>>;
 ```
 
-支持返回富文本配置，html 配置、react 配置，更详细的使用方式请参考[富文本教程](/vchart/guide/tutorial_docs/Richtext_and_Dom)
+支持返回富文本配置，html 配置、react 配置，更详细的使用方式请参考[富文本教程](/vchart/guide/tutorial_docs/extend/Richtext_and_Dom)
 
 #${prefix} style(Object)
 
diff --git a/docs/assets/option/en/component/label.md b/docs/assets/option/en/component/label.md
index 175a25e9e2..06dc8240dd 100644
--- a/docs/assets/option/en/component/label.md
+++ b/docs/assets/option/en/component/label.md
@@ -58,7 +58,7 @@ formatMethod: text => {
 };
 ```
 
-For specific usage of rich text, please refer to the[Rich Text Tutorial Document](/vchart/guide/tutorial_docs/Richtext_and_Dom)
+For specific usage of rich text, please refer to the[Rich Text Tutorial Document](/vchart/guide/tutorial_docs/extend/Richtext_and_Dom)
 
 #${prefix} formatter(string)
 
diff --git a/docs/assets/option/en/component/legend-discrete.md b/docs/assets/option/en/component/legend-discrete.md
index a90098c9d5..ff8fbb4fae 100644
--- a/docs/assets/option/en/component/legend-discrete.md
+++ b/docs/assets/option/en/component/legend-discrete.md
@@ -24,10 +24,11 @@ Whether or not to enable the checking of the legend, the default is on.
 
 ### selectMode(string) = 'multiple'
 
-The check mode of the legend, with optional values: 
-* `'multiple'` multiple selection mode
-* `'single'` single selection mode
-* `'focus'` focus selection mode
+The check mode of the legend, with optional values:
+
+- `'multiple'` multiple selection mode
+- `'single'` single selection mode
+- `'focus'` focus selection mode
 
 ### scale(string)
 
@@ -465,7 +466,7 @@ formatMethod: text => {
 };
 ```
 
-For specific usage of rich text, please refer to the[Rich Text Tutorial Document](/vchart/guide/tutorial_docs/Richtext_and_Dom)
+For specific usage of rich text, please refer to the[Rich Text Tutorial Document](/vchart/guide/tutorial_docs/extend/Richtext_and_Dom)
 
 #### formatter(string | string[])
 
diff --git a/docs/assets/option/zh/component/axis-common/axis-label.md b/docs/assets/option/zh/component/axis-common/axis-label.md
index ec815e0671..05a1f300f5 100644
--- a/docs/assets/option/zh/component/axis-common/axis-label.md
+++ b/docs/assets/option/zh/component/axis-common/axis-label.md
@@ -56,7 +56,7 @@ formatMethod: text => {
 };
 ```
 
-更详细的富文本使用方式请参考[富文本教程](/vchart/guide/tutorial_docs/Richtext_and_Dom)
+更详细的富文本使用方式请参考[富文本教程](/vchart/guide/tutorial_docs/extend/Richtext_and_Dom)
 
 #${prefix} formatter(string|string[])
 
diff --git a/docs/assets/option/zh/component/indicator/indicator-item.md b/docs/assets/option/zh/component/indicator/indicator-item.md
index 1ceaccd36d..e273c6e703 100644
--- a/docs/assets/option/zh/component/indicator/indicator-item.md
+++ b/docs/assets/option/zh/component/indicator/indicator-item.md
@@ -51,7 +51,7 @@
   IFormatMethod<[activeDatum: Datum]> | ITextMarkSpec['text'] | ReturnType<IFormatMethod<[activeDatum: Datum]>>;
 ```
 
-支持返回富文本配置，html 配置、react 配置，更详细的使用方式请参考[富文本教程](/vchart/guide/tutorial_docs/Richtext_and_Dom)
+支持返回富文本配置，html 配置、react 配置，更详细的使用方式请参考[富文本教程](/vchart/guide/tutorial_docs/extend/Richtext_and_Dom)
 
 #${prefix} style(Object)
 
diff --git a/docs/assets/option/zh/component/label.md b/docs/assets/option/zh/component/label.md
index 19eaea81fc..15a1475125 100644
--- a/docs/assets/option/zh/component/label.md
+++ b/docs/assets/option/zh/component/label.md
@@ -12,7 +12,7 @@
 
 自 1.7.0 版本支持，文本类型。`1.10.0`版本后，建议使用 `formatMethod` 配置富文本。
 
-富文本的具体使用方式，请参考[富文本教程文档](/vchart/guide/tutorial_docs/Richtext_and_Dom)
+富文本的具体使用方式，请参考[富文本教程文档](/vchart/guide/tutorial_docs/extend/Richtext_and_Dom)
 
 可选：
 
@@ -58,7 +58,7 @@ formatMethod: text => {
 };
 ```
 
-更详细的富文本使用方式请参考[富文本教程](/vchart/guide/tutorial_docs/Richtext_and_Dom)
+更详细的富文本使用方式请参考[富文本教程](/vchart/guide/tutorial_docs/extend/Richtext_and_Dom)
 
 #${prefix} formatter(string)
 
diff --git a/docs/assets/option/zh/component/legend-discrete.md b/docs/assets/option/zh/component/legend-discrete.md
index d09e9df81d..c753c266f5 100644
--- a/docs/assets/option/zh/component/legend-discrete.md
+++ b/docs/assets/option/zh/component/legend-discrete.md
@@ -459,7 +459,7 @@ formatMethod: text => {
 };
 ```
 
-更详细的富文本使用方式请参考[富文本教程](/vchart/guide/tutorial_docs/Richtext_and_Dom)
+更详细的富文本使用方式请参考[富文本教程](/vchart/guide/tutorial_docs/extend/Richtext_and_Dom)
 
 ##### style(Object|Function)