mavonEditor

$ npm install mavon-editor --save

// Глобальная регистрация
// Импорт с использованием ES6
import Vue from 'vue'
import mavonEditor from 'mavon-editor'
import 'mavon-editor/dist/css/index.css'
// Использование
Vue.use(mavonEditor)
new Vue({
    'el': '#main',
    data() {
        return { value: '' }
    }
})

<! -- То же ниже -->
<div id="main">
    <mavon-editor v-model="value"/>
</div>

/*
   По умолчанию все свойства панели инструментов установлены в true,
   Вы можете настроить объект, чтобы перекрыть их.
   Например: {
        bold: true,
        italic: true,
        header: true,
   }
   В этом случае панель инструментов отображает только три функциональные кнопки.
   */
toolbars: {
       bold: true,
       italic: true,
       header: true,
       underline: true,
       strikethrough: true,
       mark: true,
       superscript: true,
       subscript: true,
       quote: true,
       ol: true,
       ul: true,
       link: true,
       imagelink: true,
       code: true,
       table: true,
       fullscreen: true,
       readmodel: true,
       htmlcode: true,
       help: true,
       /* 1. 3. 5 */
       undo: true,
       redo: true,
       trash: true,
       save: true,
       /* 1.```markdown
4.  2 */
       navigation: true,
       /* 2.  1.  8 */
       alignleft: true,
       aligncenter: true,
       alignright: true,
       /* 2.  2.  1 */
       subfield: true,
       preview: true
   }

 #### Выделение кода
 > Если вам не требуется выделение кода, установите ishljs в false
 Установите ishljs = true
```javascript
    // значение по умолчанию true
  <mavon-editor :ishljs = "true"></mavon-editor>

<template>
   <mavon-editor ref=md @imgAdd="$imgAdd" @imgDel="$imgDel"></mavon-editor>
</template>
export default {
   methods: {
       // привязка @imgAdd события
       $imgAdd(pos, $file){
           // шаг 1. загрузка изображения на сервер.
          var formdata = new FormData();
          formdata.append('image', $file);
          axios({
              url: 'адрес сервера',
              method: 'post',
              data: formdata,
              headers: { 'Content-Type': 'multipart/form-data' },
          }).then((url) => {
              // шаг 2. замена url ! [. . . ](0) -> ! [. . . ](url)
              $vm.$img2Url(pos, url);
          })
       }
   }
}