給客戶制作的項目中需要添加富文本,從網上看了一下很多人推薦kindeditor這個編輯器,用了之后也感覺不錯,有一些問題的就是上傳圖片的時候遇到了一些問題,在這里記錄一下,也方便以后查看。 首先在官網下載kindeditor壓縮包,(我這里用的是kindedito-4.1.7),解壓開 ...
KindEditor編輯器圖片批量上傳采用了上傳插件swfupload.swf,所以后台上傳文件方法返回格式應為JSONObject的String格式 注 。 JSONObject格式: 代碼示例: jQuery調用: 效果圖: ...
2016-04-15 11:32 0 2282 推薦指數:
給客戶制作的項目中需要添加富文本,從網上看了一下很多人推薦kindeditor這個編輯器,用了之后也感覺不錯,有一些問題的就是上傳圖片的時候遇到了一些問題,在這里記錄一下,也方便以后查看。 首先在官網下載kindeditor壓縮包,(我這里用的是kindedito-4.1.7),解壓開 ...
首先要贊一下kindeditor,一個十分強大的國產開源web-editor組件。 kindeditor4.1.x版本已支持圖片批量上傳,不過傳統的選文件上傳的方式依然效率低下。 很多時候,編輯人員可能需要將一個文檔中圖片上傳到網上,那么,按照傳統的上傳方法,他必須先將圖片另存為 ...
1.近段時間一直在處理kindeditor上傳圖片失敗的問題,前期一直以為是前端的問題,利用谷歌控制台,打斷點,修改方法,一直都找不到解決方案,直到查看服務器配置,才發現: WEB 1號服務器 /data/app/tomcat/work/xxx/xxx/xxx目錄不存在,而且/data/app ...
使用的是asp.net MVC 上傳圖片。 1.下載Kindeditor的對應的包 2.html頁面 3.后台Action代碼: 使用post提交 (上傳文件都是使用post方式) PS: 通過KindEditor實現圖片上傳功能步驟 ...
1.后台圖片上傳路徑/Public/kindeditor/php/upload_json.php; 2.createHtml方法改為如下: function createHtml(){ editor = KindEditor ...
基於jfinal框架的kindeditor+freemarker前端編輯器開發 需要注意的是由於用到freemarker反饋地址,所以必須把初始化kindeditor代碼寫入到html頁面,否則上傳圖片路徑取不到當前系統地址。 上傳圖片可右擊選擇圖片屬性,更改圖片的大小和在文章中的樣式 ...
采坑了 主要是在文件保存之后如何給前端響應 本來以為 響應json 到前端發現不是 其實是響應個頁面到前端 官方文檔說明的響應格式 正確響應代碼 private stati ...
KindEditor作為一款可視化的HTML編輯器用起來確實比較方便,其本身也自帶了圖片上傳的處理這里修改為TP上傳處理圖片,是為了保證上傳圖片的方便(目錄獨立於編輯器,便於增加水印等處理) 第一步:在模板html頁面引入如下文件: <link rel="stylesheet ...