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为空时。调用保存方法。反之则调用修改

本人也是小菜鸟。已实现功能为。非常乐意接受大佬指点,感激不尽

猜你喜欢

转载自blog.csdn.net/qq_36090127/article/details/103009961