ueditor 百度編輯器配置如何上傳圖片

發(fā)布時(shí)間：2020-06-14 15:37:44 來源：網(wǎng)絡(luò) 閱讀：613 作者：東方部落欄目：開發(fā)技術(shù)

1.準(zhǔn)備工作

下載地址 http://ueditor.baidu.com/website/

下載出來你所需要的udditor版本

2.解壓出來

3.導(dǎo)包解壓出來文件jsp下的lib導(dǎo)入到項(xiàng)目中web-inif 下的lib中

注意：如果導(dǎo)入包仍然報(bào) inser... server ... 這種錯(cuò)誤，把包導(dǎo)入服務(wù)器 lib下

4.修改配置文件

ueditor.config.js

window.UEDITOR_HOME_URL = "/default/eos/";

從注釋中取消，default是項(xiàng)目名稱 eos是udditor存放的文件目錄

如圖

ueditor 百度編輯器配置如何上傳圖片

5.修改jsp下 config.json

"p_w_picpathUrlPrefix": "http://localhost:8989/default",

ueditor 百度編輯器配置如何上傳圖片

注：如果想修改上傳圖片存放的路徑

修改下面

ueditor 百度編輯器配置如何上傳圖片

6.測(cè)試頁(yè)面

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

</head>

<body>

<textarea id="newsEditor" name="content">百度編輯器</textarea>

<br/>

var editor = new baidu.editor.ui.Editor();

editor.render("newsEditor");

</script>

</div>

</body>

</html>

注意：過程如果報(bào) 資源錯(cuò)誤，是jar包導(dǎo)入錯(cuò)了

如果是路徑不統(tǒng)一，是上面配置的路徑問題有誤

向AI問一下細(xì)節(jié)

ueditor 百度編輯器 配置如何上傳圖片