1. http://ueditor.baidu.com/website/index.html ? 下載包

2.解壓然后放入自己項目目錄

?

?

?3.

<script type="text/javascript">
???window.UEDITOR_HOME_URL="${jspPath}/js/editor/";? //指向根目錄 初始化對象

</script>

?

?4.

<script type="text/javascript" src="${jspPath}/js/editor/editor_all.js"></script>
<script type="text/javascript" src="${jspPath}/js/editor/editor_config.js"></script>
<link rel="stylesheet" href="${jspPath}/js/editor/themes/default/css/ueditor.css">

?

?

<textarea id="summarys"?? rows="15" cols="120" name="summarys" onclick="testedior('summarys')">${summary}</textarea>

?

<script type="text/javascript">
?function testedior(id){
??new UE.ui.Editor({
???toolbars:[['fullscreen', 'source', '|', 'undo', 'redo', '|',
???????????????? 'bold', 'italic', 'underline', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch','autotypeset','blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist','selectall', 'cleardoc', '|',
???????????????? ,'lineheight','|', 'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|','indent', '|',
???????????????? 'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|','touppercase','tolowercase','|',
???????????????? 'link', 'unlink', 'anchor', '|','imagecenter', '|','insertimage','pagebreak', '|',
???????????????? 'horizontal', 'date', 'time', 'spechars', '|','inserttable', 'deletetable', '|', 'preview','help']],
???????? initialFrameWidth:950,//寬度
???????? theme:"default", //皮膚
???autoFloatEnabled:false,//工具欄不隨著瀏覽器的滾動漂浮
???????? autoHeightEnabled:false,//內(nèi)容不自動增高
???????? lang:'zh-cn' //語言
???? }).render(id);
?}
</script>

?5.

上傳圖片需要修改配置editor_config.js

里面的路徑

?//圖片上傳配置區(qū)
??????? ,imageUrl:URL+"file!bdupload.action?_charset_=utf-8"???????????? //圖片上傳提交地址
??????? ,imagePath:""???????????????????? //返回是網(wǎng)絡(luò)地址直接為空

??????? ,imageFieldName:"filedata"?????????????????? //圖片數(shù)據(jù)的key,若此處修改，需要在后臺對應(yīng)文件修改對應(yīng)參數(shù)
??????? //,compressSide:0??????????????????????????? //等比壓縮的基準，確定maxImageSideLength參數(shù)的參照對象。0為按照最長邊，1為按照寬度，2為按照高度
??????? //,maxImageSideLength:900??????????????????? //上傳圖片最大允許的邊長，超過會自動等比縮放,不縮放就設(shè)置一個比較大的值，更多設(shè)置在image.html中

?

?

java

?/**
? * 新編輯器
? * @return
? * @throws Exception
? */
?public String bdupload() throws Exception{
??admin=(Admin)ServletActionContext.getRequest().getSession().getAttribute("admin");
??ServletActionContext.getResponse().setContentType("text/html; charset=utf-8");
??? String path1="";
??? int nid=admin.getAdid();
??? if(filedata!=null){
???? path1 = fileService.newuploadPicture(filedata, filedataFileName, new int[] {550, 150},15,nid);
???}
??? String json="{\"title\":\"tt\",\"state\":\"SUCCESS\",\"url\":\""+path1+"\"}";?
???try {
????ServletActionContext.getResponse().getWriter().write(json);
???} catch (IOException e) {
????e.printStackTrace();
???}
??? return null;
? }

??????????