在项目中使用最新的ckeditor4.3.1的全过程+增加自己的上传本地图片按钮及将上传图片返回、保存

在做一个购物网站，产品简介里需要添加图片或者更多的编辑方式来描述产品，就需要html编辑器，网上现有的都是很古老的版本，界面不好看。于是去了ckeditor的官网上下载了最新的版本，蹩脚的英语加上网页翻译终于找到了怎么用：

一，引入。将ckeditor文件夹拷到你的项目里，我是直接拷到了WebRoot下面，引入完成，就这么简单。

二，在你想使用编辑器的jsp页面上面，加上一句

<script type="text/javascript" src="${pageContext.request.contextPath }/ckeditor/ckeditor.js"></script>

将页面的textarea由<textarea name="xxx"></textarea>改为<textarea class="ckeditor" name="xxx"></textarea>

刷新一下页面，时尚的编辑界面会让你眼前一亮~

在插入图片的时候，点开图片按钮，但是没有找到上传按钮，好像是本身不带这个功能还是没有开启，但是我自己有上传文件的模块，因此如果能新增一个本地上传的按钮，点开跳转到我自己的上传界面，点击上传之后先把文件保存到我的服务器端再把文件的目录返回到ckeditor的上传图片对话框中就完美