java中SSM+maven整合百度富文字編輯器Ueditor的一系列方法和可能遇到的問題
一、怎麼顯示圖片?
這是我專案的總體排版
1.解壓UTF-8版本的Ueditor到webapp下 新建一個叫index.jsp的檔案 內容如下
2.修改imageUrlPrefix的值 ,對應自己的專案名
3.因為SSM包含了mvc 過濾靜態資源 所以去MVC配置
<mvc:resources location="/ueditor/" mapping="/ueditor/**"/>
4.導包,maven下不能直接右鍵直接導 所以要在pom中新增依賴
<!-- 百度富文字 -->
<dependency>
<groupId>com.baidu</groupId>
<artifactId>ueditor</artifactId>
<version>1.1.2</version>
</dependency>
<dependency>
<groupId>org.json</groupId>
<artifactId>json</artifactId>
<version>20170516</version>
</dependency>
<dependency>
<groupId>commons-fileupload</groupId>
<artifactId>commons-fileupload</artifactId>
<version>1.3.1</version>
</dependency>
<dependency>
<groupId>commons-io</groupId>
<artifactId>commons-io</artifactId>
<version>2.4</version>
</dependency>
<dependency>
<groupId>commons-codec</groupId>
<artifactId>commons-codec</artifactId>
<version>1.9</version>
</dependency>
其中 ,com.baidu.ueditor可能會出錯,自己可以通過ide工具安裝 或者直接cmd來mvn安裝
命令如下
5.執行專案 跑起來
二、可能遇到的問題
1.頁面說圖片配置有問題,不能上傳
答 仔細檢查第三步的專案名字有沒有填錯 前面有個/
2.
不能回顯,圖片只顯示名字
答 這種情況一般只在maven下才發生,普通的web專案就正常
解決:①仔細檢查第三步的專案名字有沒有填錯
②還是pom.xml裡面的事情,ueditor包沒導對,重新開始匯入
3.圖片一直轉啊轉啊
解決辦法 :同2的解決 還有一種可能是專案沒啟動。。
最終效果
相關推薦
java中SSM+maven整合百度富文字編輯器Ueditor的一系列方法和可能遇到的問題
一、怎麼顯示圖片? 這是我專案的總體排版 1.解壓UTF-8版本的Ueditor到webapp下 新建一個叫index.jsp的檔案 內容如下 2.修改imageUrlPrefix的值 ,對應自己的專案名 3.因為SSM包含了mvc 過濾靜態資源 所以去
laravel-admin整合百度富文字編輯器ueditor
首先要說的是laravel-admin真的是一個非常適合做管理後臺的package。 官方文件有整合wangEditor、ckeditor、PHP editor的示例,如果這幾個編輯器能滿足你的需求可以參照官方文件操作。 ueditor是百度開源的一款編輯器,其中它
百度富文字編輯器UEditor的使用和他的圖片上傳
最近在做一個新聞釋出系統的小專案,需要用到富文字編輯器這個東東,於是上網搜了下,白活兩天給白活出來了,接下來談談我對百度富文字編輯器的使用心得: 要想使用這個富文字編輯器,首先呢得從百度官網上下載,文章最後我會貼出來資源的連結,大家可以直接下載哈~ 下載完成之後呢,解壓,目
【ASP.NET】6.百度富文字編輯器UEditor之從資料庫中取出來頁面展示
將資料存到資料庫中了,那麼怎麼讓資料原樣顯示到編輯器裡呢?讀取資料庫裡一條資料,獲取到的資料是這樣的:<p style="text-align:center;"> <img src="/LJWY/MGMT/attached/image/2016-1
關於百度富文字編輯器UEditor中ctrl+enter鍵傳送訊息的解決方案
最近一個訊息外掛中遇到一個特殊需求,就是一旦ueditor編輯器獲取焦點以後,除非讓編輯器失去焦點,否則window的鍵盤監聽事件就失去作用了,在這種情況下如何才能使用ctrl+enter傳送已經編輯好的內容呢?上網搜了好多,發現大家都遇到這個問題了,這裡我將我自己的解決方
python web.py中使用百度富文字編輯器 UEditor
原文連結 http://flask123.sinaapp.com/article/47/UEditor簡介UEditor是由百度「FEX前端研發團隊」開發的所見即所得富文字web編輯器,具有輕量,可定製,注重使用者體驗等特點,開源基於MIT協議,允許自由使用和修改程式碼。由於
百度富文字編輯器ueditor上傳檔案到bcs中
(不知為何,程式碼的排版總是不能自動對齊。有點糾結,各位將就看著) 近期在做一個個人部落格,用到了百度的富文字編輯器ueditor。部落格是架在了bae中的。在測試的時候發現,上傳的圖片有時候不會或者是間接性地不會顯現出來,特別詭異的是,我用ie核心的瀏覽器(比如360、i
百度富文字編輯器Ueditor 整合springboot(不修改原始碼)
專案中使用到百度的富文字編輯器ueditor,網上也有相關的部落格做了比較全面的介紹,只是需要較多時間去一一整理,個人認為這其中的難點主要在於載入ueditor的配置檔案config.json,網上的教程大概可以分為兩種載入方式,一是修改原始碼直接去讀取uedi
vue整合百度富文字編輯器
1.前期工作,訪問百度富文字官網下載相應的百度富文字檔案,根據後端用的技術下載相應的版本,建議下載最新版UTF-8版 (有圖有真相,看圖) https://ueditor.baidu.com/website/download.html 2.將下載好的檔案解壓,存放在專案位置
百度富文字編輯器ueditor的使用、非空校驗、引用預定義模板
最近用到百度ueditor編輯器,遇到了很多問題,總結一下ueditor的使用、非空校驗、引用預先寫好的模板。 一、百度ueditor編輯器簡單使用: 1.在百度官網http://ueditor.baidu.com/website/download.html下載壓縮包,解壓之後整體拷
百度富文字編輯器UEditor使用簡單示例
HTML程式碼: <form id="f_edit" method="post"> <input name="id" type="hidden" value="${activit
百度富文字編輯器Ueditor的使用
前言 最近專案需要整合一個編輯器,於是聽從了同事的推薦用的是百度的Ueditor,整合很順利,本地也很順利,然後部署到linux上就各種不能用。。。 期間也百度了很多的帖子,但是多數帖子都是使用的舊
使用百度富文字編輯器UEditor碰到的問題
前面使用的是kindEditor,但是發現這個已經不再維護,並且bug不少,而我又不會改,哈哈,所以我就放棄了。 原來想過要用百度的這個UEditor,但是在配置的時候遇到了很多問題,基本上載入不出來,但是最後還是硬著頭皮把那些bug都解決了,順利跑通。 問題1:按百度Demo的配置我發現連最基本的編
百度富文字編輯器UEditor的使用總結
在你的web工程或網站根目錄下,新建一個名稱叫ueditor資料夾,把下載ueditor解壓後貼上到你新建的這個資料夾中4.在你的jsp頁面中一如富文字編輯器 1.引入相關js和css <script type="text/javascript" src="${basePath}/ad
百度富文字編輯器UEditor的改造
在Java專案中,做內容管理功能時,需要用到富文字編輯器,目前流行的富文字編輯器還是比較多的,因為專案中用的是百度的UEditor,所以對UEditor使用中的一些問題做個總結吧。 因為是Java專案所以使用的是隻能選擇jsp版本的UEditor,使用方
百度富文字編輯器UEditor:PHP + Nginx 後端配置圖片上傳,下載
由於公司專案需求,花了點時間研究UEditor的後端配置,分享一下使用經驗。注意,這裡的圖片上傳配置,僅能保證圖片管理器的上傳下載正常,而單張照片上傳,後端顯示成功,也接收到檔案了,可是前端會報錯,筆者沒有找到解決方案,所以註釋掉了單張照片上傳的功能,以後有時間再研究。1.後
百度富文字編輯器ueditor使用小結
/** * 圖片上傳 * @author CK * @param upfile * @param request * @param response * @return * @throws Exception
【ASP.NET】9.解決百度富文字編輯器UEditor往後臺傳資料寫入資料庫時,出現錯誤:檢測到有潛在危險的Request
解決方法:把傳資料的方式換一下,在函式上面新增[ValidateInput(false)],如果是winform頁面,在aspx頁面裡新增ValidateRequest="false"%@ Page V
百度富文字編輯器UEditor
有文件,有演示.使用者體驗很舒服,介面很乾淨,很好.比之前的富文字編輯器好用. 至於jsp或者asp.net、php配置使用,百度谷歌很多.可以找一找,配置一下. 網上找到一個人整理的富文字編輯器 轉自:http://hi.baidu.com/gezi419439610/
SSH2專案引入百度富文字編輯器Ueditor編輯器
一、整合所需UEditor原始碼 這個可以到http://ueditor.baidu.com/website/download.html#ueditor下載相應版本。 二、導包 把上述包拷貝到WEB-INF的lib下 三、JSP頁面處理 [javascript] view plain copy pr