二话不说，先上图：

JSP版（utf8编码）的Ueditor百度文章编辑器配置以及使用说明_sed

我配置好的效果大致是这些功能：基本的文字编辑功能、图片上传功能、附件上传功能、百度/谷sx歌地图搜索截图、视/音频发布功能。这个插件是现今我用过觉得最舒服的编辑器，功能齐全强大，稍微修改下配置即可投放使用，来，走起！

1、最新版的官方插件跟先前的版本不一致，所以我还是用先前的版本， 是今年5、6月份版本。插件包JSP版（utf8编码）（1分不算多吧，^_^，我的金币较少，赞助我点金币哈，评论即可获得1分）

2、瓦公司用eclipse来开发，但是大多数人都是用myeclipse，所以我用myeclipse来演示：首先，新建一个webProject项目JSP版（utf8编码）的Ueditor百度文章编辑器配置以及使用说明_javascript_02

随便起个名字，如a，

JSP版（utf8编码）的Ueditor百度文章编辑器配置以及使用说明_javascript_03

把解压后的ueditor插件包复制黏贴到webRoot根目录下JSP版（utf8编码）的Ueditor百度文章编辑器配置以及使用说明_javascript_04

然后打开editor_config.js这个配置文件，一看，瓦擦，乱码！然后点击项目a，按住Ctrl+回车，把项目a的环境从gbk换成utf8编码，

JSP版（utf8编码）的Ueditor百度文章编辑器配置以及使用说明_javascript_05

此时乱码问题解决。

然后再这个配置文件的29行，找到URL= window.UEDITOR_HOME_URL||"/t/ueditor/";这句话，改成‘URL= window.UEDITOR_HOME_URL||"/项目名/ueditor/’

即‘URL= window.UEDITOR_HOME_URL||"/a/ueditor/’；

接着修改index.jsp文件，在<head/>上面加入引用的js包和css样式代码：

 




[html] ​​view plain​​​​copy​​



  2. <script type="text/javascript" charset="utf-8" src="./ueditor/editor_config.js"></script>  
  3. <script type="text/javascript" charset="utf-8" src="./ueditor/editor_all.js"></script>  
  4. <LINK rel=stylesheet href="ueditor/themes/default/ueditor.css">  


然后在<body>标签里加入瓦调好的编辑器代码，如下：

 

 




[html] ​​view plain​​​​copy​​



  2. <div align="center">  
  3.    <textarea id="newsEditor" name="content"> </textarea>  
  4.    <br/>  
  5.    <input type="submit" value="发布" >  
  6.    <script type="text/javascript">  
  7.         
  8.            UE.getEditor('newsEditor');  
  9.        
  10.    </script>  
  11. lt;/div>  


保存的时候把首行的pageEncoding="ISO-8859-1"改为pageEncoding="utf-8"，即可保存

 

部署上传，然后浏览器打开http://localhost:8888/a/，我设置的端口是8888，大多数人用的都是http://localhost:8080/a/

JSP版（utf8编码）的Ueditor百度文章编辑器配置以及使用说明_javascript_06

效果图就这样。时间关系，先整理到此，今晚回家有时间再整理图片以及其他的设置文档。