ueditor百度富文本增加和修改功能
条件:1.你有java,vue基础
2.你已经集成了 ueditor (图片视频等功能)
本文章重点介绍如何修改
功能描述:1.点击修改从一个页面跳转到ueditor页面,并携带参数。本文为论坛页面点击修改转跳到ueditor页面进行修改保存操作。
2.可以修改图片文字等信息
3.
正文:1.功能介绍
1.index.js 路由配置
2.论坛页面。通过路由重定向并携带参数到ueditor页面。query为路径传参,页面刷新不会丢失数据(请百度query和params路由传参区别配置)
3.论坛页面点击修改携带参数到ueditor页面
4.ueditor页面在初始化时候接受参数
图中有一个
let value=this.$route.query.context;需要判断
value 值是ueditor编辑内容
原因:ueditor默认的value为空。当点击修改value是有值得。图片上传图标不能用
故此判断:当value有值时就给编辑器赋值,value为空时就让value为空
5.提交(保存和修改都是一个按钮)
原因:百度编辑器只有一个统一访问路径
解决:后台做一个判断:当id为空时。调用保存方法。反之则调用修改
本人也是小菜鸟。已实现功能为。非常乐意接受大佬指点,感激不尽