<template> <div id="main"> <mavon-editor v-model="value" language="en" /> </div> </template> <script> 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: '' } } }) </script> 開発者が中国の方のようでデフォルトの設定が中国語となっているのでlanguage="en"のアトリビュートを設定しましょう。すると英語表記になって使い勝手が良くなります。 ツールバーのカスタマイズ デフォルトだ
![【Vue.js】爆速でリッチなマークダウンエディタをつくれるmavonEditorを使おう - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/21e2d14bf45bcaea4204eff27ce853ba551aa477/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwVnVlLmpzJUUzJTgwJTkxJUU3JTg4JTg2JUU5JTgwJTlGJUUzJTgxJUE3JUUzJTgzJUFBJUUzJTgzJTgzJUUzJTgzJTgxJUUzJTgxJUFBJUUzJTgzJTlFJUUzJTgzJUJDJUUzJTgyJUFGJUUzJTgzJTgwJUUzJTgyJUE2JUUzJTgzJUIzJUUzJTgyJUE4JUUzJTgzJTg3JUUzJTgyJUEzJUUzJTgyJUJGJUUzJTgyJTkyJUUzJTgxJUE0JUUzJTgxJThGJUUzJTgyJThDJUUzJTgyJThCbWF2b25FZGl0b3IlRTMlODIlOTIlRTQlQkQlQkYlRTMlODElOEElRTMlODElODYmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWI2NjFiM2NiOGViMTU1NzNiOTFmNzE2MGI2Y2I5MDI2%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBtaXlhcmFwcG8mdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWFiNjExYjJiMTUxYThjNzUzODZlMDM0MDE0YzdmMzll%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D7c564bcf0d41792fb0f9eefd26450688)