您的位置：首页 > 产品设计 > UI/UE

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

2014-03-05 15:50 330 查看
二话不说，先上图：



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

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

2、瓦公司用eclipse来开发，但是大多数人都是用myeclipse，所以我用myeclipse来演示：首先，新建一个webProject项目


随便起个名字，如a，



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


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



此时乱码问题解决。

然后再这个配置文件的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 plaincopy

<script type="text/javascript" charset="utf-8" src="./ueditor/editor_config.js"></script>

<script type="text/javascript" charset="utf-8" src="./ueditor/editor_all.js"></script>

<LINK rel=stylesheet href="ueditor/themes/default/ueditor.css">

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

[html] view plaincopy

<div align="center">

<textarea id="newsEditor" name="content"> </textarea>

<br/>

<input type="submit" value="发布" >

<script type="text/javascript">

UE.getEditor('newsEditor');

</script>

lt;/div>

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

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



效果图就这样。时间关系，先整理到此，今晚回家有时间再整理图片以及其他的设置文档。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航