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為存儲地址

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM