1. 程式人生 > >java中SSM+maven整合百度富文字編輯器Ueditor的一系列方法和可能遇到的問題

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的解決  還有一種可能是專案沒啟動。。

最終效果

相關推薦

javaSSM+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

關於文字編輯UEditorctrl+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