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

JavaScript014

百度编辑器UEditor怎么在jsp中配置,第1张

<script type="text/javascript" src="js/ueditor1.2.6.1/ueditor.config.js"></script>

<script type="text/javascript" src="'js/ueditor1.2.6.1/ueditor.all.js"></script>

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

<link rel="stylesheet" type="text/css" href="js/ueditor1.2.6.1/themes/default/css/ueditor.css'/>">

引入jquery

<script src="/js/jquery.js"></script>

下面是初始化的一些参数,可以在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:14pxfont-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

})

引入百度编辑器ueditor 的时候出错了是设置错误造成的,解决方法为:

1、百度编辑器ueditor的引入。

2、把百度编辑器引入的项目中。

3、引入后。

4、引入百度编辑器资源js路径。

5、在显示处加入id=”content”。

6、引入百度编辑器js代码控制编辑器的宽和高。