百度编辑器UEditor怎么在jsp中配置

2025-04-05 08:14:29
推荐回答(1个)
回答1:



引入上面这两个js ,下面一个css

引入jquery

下面是初始化的一些参数,可以在config里面配置,也可以在页面自己配置

var contextPath="${pageContext.request.contextPath}";
var langPath=contextPath+"/js/ueditor1.2.6.1/lang/";
var jspPath=contextPath+"/admin/ueditorjsp";
var imageUrl=jspPath+"/imageUp.jsp"; //图片上传提交地址
var scrawlUrl=jspPath+"/scrawlUp.jsp"; //涂鸦上传地址
//附件上传配置区
var fileUrl=jspPath+"/fileUp.jsp"; //附件上传提交地址
//远程抓取配置区
var catcherUrl=jspPath+"/getRemoteImage.jsp"; //处理远程图片抓取的地址
//图片在线管理配置区
var imageManagerUrl=jspPath+"/imageManager.jsp"; //图片在线管理的处理地址
//屏幕截图配置区
var snapscreenHost= '127.0.0.1' ; //屏幕截图的server端文件所在的网站地址或者ip,请不要加http://
var snapscreenServerUrl= jspPath+"/imageUp.jsp"; //屏幕截图的server端保存程序,UEditor的范例代码为“URL +"server/upload/php/snapImgUp.php"”
//word转存配置区
var wordImageUrl=jspPath+"/imageUp.jsp" ; //word转存提交地址
//获取视频数据的地址
var getMovieUrl=jspPath+"/getMovie.jsp";
var imagePath='${fileViewUrl}';
var editorHomeUrl=contextPath+"/js/ueditor1.2.6.1/";
var initialStyle='body{font-size:14px;font-family:宋体;line-height:32px;}';
var localDomain=['${fileViewUrl}'];
$(function(){
editor = new UE.ui.Editor({
UEDITOR_HOME_URL : editorHomeUrl,
initialFrameHeight: 400,
enterTag:'p',
pasteplain:false,
initialStyle:initialStyle,
sourceEditorFirst:false,
autoFloatEnabled:false,
wordCount:false,
langPath:langPath,
imageUrl:imageUrl,
scrawlUrl:scrawlUrl,
fileUrl:fileUrl,
catcherUrl:catcherUrl,
localDomain:localDomain,
imageManagerUrl:imageManagerUrl,
snapscreenHost:snapscreenHost,
snapscreenServerUrl:snapscreenServerUrl,
wordImageUrl:wordImageUrl,
getMovieUrl:getMovieUrl,
scaleEnabled:true //高度不可改变,内容太多会出现滚动条
});
editor.render('articleContent');//里面是要渲染的元素id
})