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

最新推荐文章于 2021-06-20 20:54:14 发布

地中海大王

最新推荐文章于 2021-06-20 20:54:14 发布

阅读量1.8k

点赞数 1

分类专栏： Ueditor文档整理文章标签：地中海大王 ueditor jsp utf8

本文链接：https://blog.csdn.net/jk33220/article/details/9416553

版权

Ueditor文档整理专栏收录该内容

1 篇文章 0 订阅

订阅专栏

二话不说，先上图：

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

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样式代码：

<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>标签里加入瓦调好的编辑器代码，如下：

 <div align="center">
    <textarea id="newsEditor" name="content"> </textarea>
    <br/>
    <input type="submit" value="发布" >
    <script type="text/javascript">
       
            UE.getEditor('newsEditor');
      
    </script>
</div>

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

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