Ueditor在javaweb项目下的配置一

本人决定从今天开始维持写技术文档的习惯，为opensource和share精神做出一定贡献，哈哈哈，废话少说，第一次发，那么就从比较熟悉的领域开始着手，先写javaweb吧，准备做一系列javaweb纯手工原生的常用系统，比如广为人知的CMS系统，我也来用我的变成手法和习惯来构架一套草根的CMS核心源代码，核心封装，外放接口，功能以AOP架构为基础以实现个性功能拓展与订制，先写一个简单的插件调用实例;

现在web架构从功能上来说，分为两层架构，前台显示，与后台管理（很容易理解），为了适应敏捷开发，现行的一般开发模式都是以Thinkphp为基础，虽然说这样有千种好处，但是个人观点，在企业级开发当中，还是SSH占据绝大多数（当然还有混编，这里不抬杠。。当然我更钟爱ruby和golang来做高性能的网站。。）所以用SSH架构网站还是有一定的必要性的，前端现在一般也都使用框架了，bootstrap也好，easyUI也罢，无非是js，css的一些深度包装，提高了开发效率而已，Ueditor就是这么一个实例，其实没什么难度。鉴于比较好用（相比而已），所以为了适应所见即所得的可视化管理要求，现在来简单写一下在java的一个web工程中是怎么调用的（php就不说了，这个大家都会，因为php是非编译性语言，直接看文档就行，但是java不一样，java略微复杂一些），我来写一下

首先在myeclips中新建一个项目，这里就取名叫做Blog吧（因为一般都是以个人博客来做例子嘛，所以我也就写个简单的SSH架构的个人Blog吧）

建好之后在项目的WebRoot（根目录）下面新建一个用于存放ueditor的目录然后通过import来导入下载好的ueditor项目源码

导入之后项目目录如下

然后打开jsp目录，为所有支持jar包buildpath

之后随便找个jsp页面填写一下代码

<script id="container" name="content" type="text/plain">

        这里写你的初始化内容

   </script>

    <!-- 配置文件 -->

    <script type="text/javascript"src="./ueditor/ueditor.config.js"></script>

    <!-- 编辑器源码文件 -->

    <script type="text/javascript"src="./ueditor/ueditor.all.js"></script>

    <!-- 实例化编辑器 -->

    <script type="text/javascript">

        var ue = UE.getEditor('container');

</script>

 

这里要注意src的配置，要用相对路径

然后修改config.js源码内的URL

var URL = window.UEDITOR_HOME_URL||"/Blog/ueditor/";

然后部署项目到服务器就可以看到下面的界面了

这里要注意，tomcat7以后加入了内存泄漏检查机制，所以，当控制台提示

Threads are going to be renewed over time to try and avoid a probablememory leak.

这样的错误的时候

不要理会它，这个没有事情，不过在正式的项目发布的时候，这个就是个大问题了，到时候我会再写解决方案，先不用管~好了一个可视化编辑器就好了。