doc: update maekdown.md (#751)

hinesboy · Dec 16, 2021 · a0f6ac2 · a0f6ac2
1 parent e48e75e
commit a0f6ac2
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 69 deletions.
diff --git a/doc/cn/markdown.md b/doc/cn/markdown.md
@@ -4,23 +4,23 @@
 
 #### 方法1 通过全局引入的mavonEditor获取
 ```javascript
-  import mavonEditor from 'mavon-editor'
-  Vue.use(mavonEditor)
+  import MavonEditor from 'mavon-editor'
+  Vue.use(MavonEditor)
   ...
-  mavonEditor.markdownIt
+  const markdownIt = MavonEditor.mavonEditor.getMarkdownIt()
 ```
 
 #### 方法2 通过局部引入的mavonEditor获取
 ```javascript
-  import {mavonEditor} from 'mavon-editor'
-  mavonEditor.getMarkdownIt()
+  import { mavonEditor } from 'mavon-editor'
+  const markdownIt = mavonEditor.getMarkdownIt()
 ```
 
 #### 方法3 通过mavonEditor的实例获取
 ```javascript
    <mavonEditor ref=md></mavonEditor>
    ...
-   this.refs.md.markdownIt
+   const markdownIt = this.refs.md.getMarkdownIt()
 ```
 
 ### 使用markdown-it对象
@@ -33,32 +33,3 @@
 ```
 
 > [更多设置参考markdown-it...](https://github.com/markdown-it/markdown-it)
-
-### 简单示例
-仅使用mavonEditor的markdown渲染功能。
-
-> 注意：`class="markdown-body"` 是必要的，否则CSS样式会于预览的不一样
-
-```html
-<template>
-  <div>
-    <span class="markdown-body" v-html="rawHtml"></span>
-  </div>
-</template>
-
-<script>
-import { mavonEditor } from 'mavon-editor';
-import 'mavon-editor/dist/css/index.css';
-export default {
-  name: 'Example',
-  props: {
-    markdown: String,
-  },
-  computed: {
-    rawHtml: function() {
-      return mavonEditor.getMarkdownIt().render(this.markdown);
-    }
-  },
-};
-</script>
-```
diff --git a/doc/en/markdown.md b/doc/en/markdown.md
@@ -4,23 +4,23 @@
 
 #### method 1:  Global Registration
 ```javascript
-  import mavonEditor from 'mavon-editor'
-  Vue.use(mavonEditor)
+  import MavonEditor from 'mavon-editor'
+  Vue.use(MavonEditor)
   ...
-  mavonEditor.markdownIt
+  const markdownIt = MavonEditor.mavonEditor.getMarkdownIt()
 ```
 
 #### method 2: Local Registration
 ```javascript
   import {mavonEditor} from 'mavon-editor'
-  mavonEditor.getMarkdownIt()
+  const markdownIt = mavonEditor.getMarkdownIt()
 ```
 
 #### method 3: Use mavonEditor ref
 ```javascript
    <mavonEditor ref=md></mavonEditor>
    ...
-   this.refs.md.markdownIt
+   const markdownIt = this.refs.md.getMarkdownIt()
 ```
 
 ### Use markdown-it object
@@ -33,32 +33,3 @@
 ```
 
 > [markdown-it API](https://github.com/markdown-it/markdown-it)
-
-### Simple example
-Only use the markdown rendering function of mavonEditor.
-
-> Notice：`class="markdown-body"` is necessary, or the CSS style will be different from the preview
-
-```html
-<template>
-  <div>
-    <span class="markdown-body" v-html="rawHtml"></span>
-  </div>
-</template>
-
-<script>
-import { mavonEditor } from 'mavon-editor';
-import 'mavon-editor/dist/css/index.css';
-export default {
-  name: 'Example',
-  props: {
-    markdown: String,
-  },
-  computed: {
-    rawHtml: function() {
-      return mavonEditor.getMarkdownIt().render(this.markdown);
-    }
-  },
-};
-</script>
-```