<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代码控制编辑器的宽和高。