CKEditor5 使用第二天 获取回传数据,图片上传

1、当系统中存在编辑功能时,需要将数据库中数据回显到页面,因此采用了最一般的方法,通过隐藏的input标签存贮,在通过CkEditor5中的setData方法将数据赋值到富文本框中

<textarea id="pc" name="pc" th:value="${pdSo.pc}" style="display: none;"></textarea>
<input id="pc1" name="pc1" th:value="${pdSo.pc}" class="form-control" type="text" style="display: none;">

2、实现CKEditor5的图片上传

通过CKEditor的ckfinder属性,定义自己的上传请求地址,网上说有三种上传方式,我只实现了一种

后台通过MultipartFile来接收前台的参数,但是参数名称为upload,可以在页面上抓包可以看到,这里尤其要注意

 

 

 请求成功后要返回json字符串,要包括uploaded,url两个属性,采用map方式,回传到页面即可,url为存储地址

 

转载于:https://www.cnblogs.com/heguxin/p/11417402.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值