修改views/post/form.vue
文件,引入mavonEditor
import { mavonEditor } from "mavon-editor";复制代码
然后在template
中使用<mavon-editor></mavon-editor>
详细配置可查看 文档
页面效果如下图:
标题设置
可使用muse-ui
的text-field
组件,通过覆盖mavon-editor
样式,使其出现在指定位置。 注意:标题覆盖到编辑器后,会使编辑器菜单里的标题和文件上传下拉菜单,出现在标题下面,需要修改覆盖整个编辑器的position
样式属性,并且调整标题的z-index
的值,使工具栏>标题>内容
。
文章保存修改删除
可以通过vuex
来触发保存操作,直接调用后端接口api来实现。
博客地址:
更多精彩,请关注我的公众号!