博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
(五) 文章编辑页开发
阅读量:5732 次
发布时间:2019-06-18

本文共 418 字,大约阅读时间需要 1 分钟。

修改views/post/form.vue文件,引入mavonEditor

import { mavonEditor } from "mavon-editor";复制代码

然后在template中使用<mavon-editor></mavon-editor>

详细配置可查看 文档

页面效果如下图:

标题设置

可使用muse-uitext-field组件,通过覆盖mavon-editor样式,使其出现在指定位置。 注意:标题覆盖到编辑器后,会使编辑器菜单里的标题和文件上传下拉菜单,出现在标题下面,需要修改覆盖整个编辑器的position样式属性,并且调整标题的z-index的值,使工具栏>标题>内容

文章保存修改删除

可以通过vuex来触发保存操作,直接调用后端接口api来实现。

博客地址:

更多精彩,请关注我的公众号!

转载于:https://juejin.im/post/5b6abe2ce51d45190c1916cd

你可能感兴趣的文章
Ubuntu系统redis安装部署入门
查看>>
我的友情链接
查看>>
使用Azure Storage进行静态Web托管
查看>>
网易有道 IP地址、手机号码归属地和身份证 查询接口API
查看>>
XT [2011-06-25]更新到0.41版本
查看>>
鼠标停留在GridView某一行时行的颜色改变
查看>>
【v2.x OGE教程 14】控件使用
查看>>
nginx利用第三方模块nginx_upstream_check_module来检查后端服务器的健康情况
查看>>
系列3:WAS Liberty Profile hello mysql jdbc
查看>>
BFC 神奇背后的原理
查看>>
动态ACL(1)
查看>>
基础知识:python模块的导入
查看>>
Android MVC之我的实现
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
关于批处理-1
查看>>
如何让更多用户使用远程桌面访问您的服务器
查看>>
谁占用了我的系统资源
查看>>
Tomcat部署Web应用方法总结
查看>>
ubuntu常见问题汇聚
查看>>