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

二话不说,先上图:

JSP版(utf8编码)的Ueditor百度文章编辑器配置以及使用说明_第1张图片

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

1、最新版的官方插件跟先前的版本不一致,所以我还是用先前的版本, 是今年5、6月份版本。插件包JSP版(utf8编码)下载地址http://download.csdn.net/detail/jk33220/5798407(1分不算多吧,^_^,我的金币较少,赞助我点金币哈,评论即可获得1分)

2、瓦公司用eclipse来开发,但是大多数人都是用myeclipse,所以我用myeclipse来演示:首先,新建一个webProject项目JSP版(utf8编码)的Ueditor百度文章编辑器配置以及使用说明_第2张图片

随便起个名字,如a,

JSP版(utf8编码)的Ueditor百度文章编辑器配置以及使用说明_第3张图片

把解压后的ueditor插件包复制黏贴到webRoot根目录下

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

JSP版(utf8编码)的Ueditor百度文章编辑器配置以及使用说明_第4张图片

此时乱码问题解决。

然后再这个配置文件的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
  1. <script type="text/javascript" charset="utf-8" src="./ueditor/editor_config.js"></script>  
  2. <script type="text/javascript" charset="utf-8" src="./ueditor/editor_all.js"></script>  
  3. <LINK rel=stylesheet href="ueditor/themes/default/ueditor.css">  

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

 

 

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


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

 

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

JSP版(utf8编码)的Ueditor百度文章编辑器配置以及使用说明_第5张图片

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

你可能感兴趣的:(ueditor)