update

Author: PanJiaChen

src/views/components-demo/countTo.vue

@@ -26,10 +26,10 @@
         <input v-model.number="setDuration" type="number" name="durationInput">
       </label>
       <div class="startBtn example-btn" @click="start">
-        开始
+        Start
       </div>
       <div class="pause-resume-btn example-btn" @click="pauseResume">
-        暂停/恢复
+        pause/resume
       </div>
       <br>
       <label class="label" for="decimalsInput">decimals:

src/views/components-demo/jsonEditor.vue

@@ -1,6 +1,10 @@
 <template>
   <div class="components-container">
-    <code>JsonEditor is base on  <a href="https://github.com/codemirror/CodeMirror" target="_blank">CodeMirrorr</a> , lint base on json-lint </code>
+    <code>Json-Editor is base on <a href="https://github.com/codemirror/CodeMirror" target="_blank">CodeMirrorr</a>. Lint
+      base on <a
+        href="https://github.com/codemirror/CodeMirror/blob/master/addon/lint/json-lint.js"
+        target="_blank"
+      >json-lint</a>.</code>
     <div class="editor-container">
       <json-editor ref="jsonEditor" v-model="value" />
     </div>

src/views/components-demo/markdown.vue

@@ -1,42 +1,45 @@
 <template>
   <div class="components-container">
     <code>Markdown is based on
-      <a href="https://github.com/nhnent/tui.editor" target="_blank">tui.editor</a> ，Simply encapsulated in Vue.
-      <a target="_blank" href="https://panjiachen.github.io/vue-element-admin-site/feature/component/markdown-editor.html">
+      <a href="https://github.com/nhnent/tui.editor" target="_blank">tui.editor</a> ，simply wrapped with Vue.
+      <a
+        target="_blank"
+        href="https://panjiachen.github.io/vue-element-admin-site/feature/component/markdown-editor.html"
+      >
         Documentation </a>
     </code>
 
     <div class="editor-container">
       <el-tag class="tag-title">
         Basic:
       </el-tag>
-      <markdown-editor v-model="content" height="300px" />
+      <markdown-editor v-model="content1" height="300px" />
     </div>
 
     <div class="editor-container">
       <el-tag class="tag-title">
         Markdown Mode:
       </el-tag>
-      <markdown-editor ref="markdownEditor" v-model="content" :options="{hideModeSwitch:true,previewStyle:'tab'}" height="200px" />
+      <markdown-editor ref="markdownEditor" v-model="content2" :options="{hideModeSwitch:true,previewStyle:'tab'}" height="200px" />
     </div>
 
     <div class="editor-container">
       <el-tag class="tag-title">
         Customize Toolbar:
       </el-tag>
-      <markdown-editor
-        ref="markdownEditor"
-        v-model="content"
-        :options="{ toolbarItems: ['heading','bold','italic']}"
-      />
+      <markdown-editor v-model="content3" :options="{ toolbarItems: ['heading','bold','italic']}" />
     </div>
 
     <div class="editor-container">
       <el-tag class="tag-title">
         I18n:
       </el-tag>
-      <el-alert :closable="false" title="You can change the language of the admin system to see the effect" type="success" />
-      <markdown-editor v-model="content" :language="language" height="300px" />
+      <el-alert
+        :closable="false"
+        title="You can change the language of the admin system to see the effect"
+        type="success"
+      />
+      <markdown-editor ref="markdownEditor" v-model="content4" :language="language" height="300px" />
     </div>
 
     <el-button style="margin-top:80px;" type="primary" icon="el-icon-document" @click="getHtml">
@@ -62,7 +65,10 @@ export default {
   components: { MarkdownEditor },
   data() {
     return {
-      content: content,
+      content1: content,
+      content2: content,
+      content3: content,
+      content4: content,
       html: '',
       languageTypeList: {
         'en': 'en_US',