插件的npm安装去看github，https://github.com/hinesboy/mavonEditor
1. plugins目录下创建js文件mavon-editor.js，内容如下
import Vue from 'vue'
import mavonEditor from 'mavon-editor'
Vue.use(mavonEditor)
2. nuxt.config.js 中，plugins和css位置添加配置如下
css: [
'~/assets/style/app.styl',
'mavon-editor/dist/css/index.css'
],
plugins: [
{
src: '@/plugins/mavon-editor',
ssr: false
}
]
ok，插件引入完成
3. 问题注意，css的引入，nuxt.config.js中，我使用的nuxt模板生成结构，所以有默认的css模块配置 '~/assets/style/app.styl'，请注意这行css配置必须放在数组开始，否则可能出现莫名的样式问题
插件的npm安装去看github，https://github.com/hinesboy/mavonEditor ...
一、mavonEditor简介 mavonEditor：基于 Vue 的 Markdown 编辑器，支持所见即所得...
mavonEditor github项目地址演示网址 基于Vue的markdown编辑器 example (图片展...
mavonEditor:基于 Vue 的 Markdown 编辑器 安装 引入(main.js) 属性(图片来源于...
markdown编辑器 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的...
MarkDown编辑器的姿势大全 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器...
---来自CSDN博客 欢迎使用Markdown编辑器写博客 本Markdown编辑器使用StackEdit修改而...
地址：https://github.com/hinesboy/mavonEditor 基于Vue的markdown...
#欢迎使用Markdown编辑器写博客本Markdown编辑器使用[StackEdit][6]修改而来，用它写博客...
# 欢迎使用Markdown编辑器写博客本Markdown编辑器使用[StackEdit][6]修改而来，用它写博...
本文标题：nuxt使用markdown编辑器mavonEditor
本文链接：https://www.haomeiwen.com/subject/kwexsqtx.html
网友评论