<button id="siwe6"></button><button id="siwe6"><strong id="siwe6"></strong></button>

ueditor筆記

番茄西紅柿發布于2019-04-23 13:09 / 3546人閱讀

摘要：下載完后的包三將集成到項目第一步新建一個項目，并把引入到項目中。項目中配置其它上傳其它上傳如視頻上傳等等參考圖片上傳，修改即可。

一、ueditor是什么

UEditor 是由百度「FEX前端研發團隊」開發的所見即所得富文本web編輯器，具有輕量，可定制，注重用戶體驗等特點，開源基于MIT協議，允許自由使用和修改代碼。

二、ueditor的下載

下載網址：https://ueditor.baidu.com/website/download.html#ueditor

下載版本：jsp版，當然也可以下載源碼版，后面和springmvc整合的時候需要下載源碼版。

下載完后的zip包

三、將ueditor集成到javaweb(servlet)項目

l 第一步：新建一個javaweb項目，并把ueditor引入到項目中。…min.js都是壓縮版，不推薦使用，壓縮版不方便改源碼

l 第二步：在index.jsp中引用ueditor

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
-//W3C//DTD HTML 4.01 Transitional//EN">


<%=basePath%>">
My JSP index.jsp starting page







	editor" style="width:1024px;height:500px;">

View Code

l 第三步：通過瀏覽器訪問index.jsp，測試是否集成成功: http://localhost:8080/ueditor01/index.jsp

四、常用API

l 第一步：在項目中新建一個api.jsp

l 第二步：api.jsp的內容如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%  String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
-//W3C//DTD HTML 4.01 Transitional//EN">


<%=basePath%>">
ueditor常用api







	editor" style="width:1024px;height:500px;">

View Code

l 其它api參考ueditor中的index.html

五、servlet項目中ueditor上傳配置

上傳的配置都差不多，主要就是修改config.json這個配置文件，這里以圖片上傳為例。當然這里的項目是servlet項目。如果是springmvc或者strus2這種項目，就和這里不一樣了。

5.1 servlet項目中配置圖片上傳

如果沒有配置，圖片的不能上傳的默認是這個樣子

l 第一步：把ueditor的jar包復制到lib下

l 第二步：建立圖片上傳的保存目錄

l 第三步：修改config.json配置

例如：我這里上傳后的圖片將保存到：D:tomcat7/webapps/ueditor02/upload/image/ 下面

l 第四步：測試是否配置成功，點擊多圖上傳，出現下面這個畫面，說明配置成功。

5.2 servlet項目中配置其它上傳

其它上傳如：視頻上傳等等參考5.1圖片上傳，修改即可。

六、springmvc項目中ueditor上傳配置

參考這個 https://blog.csdn.net/github_38823514/article/details/75288505

GPU云服務器云服務器 ueditor ueditor ueditor? -ueditor Ueditor

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1498.html

Laravel不權威導航

摘要：版微信第三方登陸包括微信微博等等，查看支持列表擴展好用的圖片處理，也方便使用百度版百度版支付集合，包含支付寶等支付寶在的封裝各國語言包，包含簡體中文生成二維碼工具，親測好用未完大家可以向我推薦，直接在本文下留言即可。 Laravel不權威導航 Hi 這里是Roy整理的Laravel相關索引，希望能幫到大家showImg(http://static.segmentfault.com/bu...

focusj 2019-06-27 11:48 評論0 收藏0
百度UEditor自定義上傳地址

摘要：之前有個小朋友問我百度怎么自定義服務端上傳地址正好也用過，現在做下筆記吧。上傳結果返回格式是這樣的失敗的情況成功的情況圖片源文件名圖片后綴圖片大小圖片標簽上的屬性圖片上傳之后的好了就這樣原為連接百度自定義上傳地址更多知識分享請掃碼關注之前有個小朋友問我百度UEditor怎么自定義服務端上傳地址, 正好也用過，現在做下筆記吧。在ue實例化的時候你服務端上傳的請求地址賦值給server...

missonce 2019-07-01 13:56 評論0 收藏0
百度UEditor自定義上傳地址

摘要：之前有個小朋友問我百度怎么自定義服務端上傳地址正好也用過，現在做下筆記吧。上傳結果返回格式是這樣的失敗的情況成功的情況圖片源文件名圖片后綴圖片大小圖片標簽上的屬性圖片上傳之后的好了就這樣原為連接百度自定義上傳地址更多知識分享請掃碼關注之前有個小朋友問我百度UEditor怎么自定義服務端上傳地址, 正好也用過，現在做下筆記吧。在ue實例化的時候你服務端上傳的請求地址賦值給server...

lavor 2019-08-23 17:56 評論0 收藏0
pygame學習筆記之設置字體及顯示中文

　　pygame作為python的一個平臺庫，在做游戲的時候，需要學習的內容還是比較的多的，主要涉及到的內容有相關的學習筆記，包括怎么設置字體，另外還有就是怎么設置其顯示中文呢？下面就給大家詳細解答下。　　一、獲得可用字體　　importpygame 　　print(pygame.font.get_fonts())　　結果：　　['arial','arialblack...

89542767 2022-11-12 23:41 評論0 收藏0
pygame學習筆記之設置字體及顯示中文

　　游戲界面，國外的一些游戲，還是以英文為主，那么，國內的游戲，大多覆蓋的是中文字體。那么，我們怎么樣將英文字體修改成為中文，并且能夠正確的顯示出來呢？下面就給大家詳細解答下。　　一、獲得可用字體　　importpygame 　　print(pygame.font.get_fonts())　　結果：　　['arial','arialblack','bahns...

89542767 2022-11-13 22:40 評論0 收藏0