在java项目中应用ueditor

虽然百度ueditor的官网和文档都已经很详细了。但是自己还是记录下 自己使用uEditor的过程。

这是 他的官网 http://ueditor.baidu.com/website/  例子 文档什么的都很详细。

在java项目中应用ueditor

我下的是 开发版中的gbk版(视项目的编码方式而定)

下载下来后 解压 把文件夹拷到你java ee项目的webroot下如图:

在java项目中应用ueditor

在java项目中应用ueditorueditor里面的文件夹都没变 只是jsp文件夹把里面的在java项目中应用ueditor前两个jar包弄到web-Inf里面的lib下面。

把Uploader.java 放到src下面如图

在java项目中应用ueditor包名和imageUp.jsp  fileUp.jsp里面引用的一致。

然后就是在jsp页面里面应用了 代码 如下:

  1. <span style="font-size:14px"><tr>
  2. <td height="25" align="right" bgcolor="#ecf5ff" style="width: 28%">
  3. 新闻内容:
  4. </td>
  5. <td width="width: 72%" height="25" align="left" bgcolor="#FFFFFF">
  6. <script type="text/plain" id="myEditor" name=content></script>
  7. <script type="text/javascript">
  8. var Editor= new UE.ui.Editor({
  9. initialFrameWidth:'550',
  10. initialFrameHeight:'300',
  11. toolbars:[['fullscreen', 'undo', 'redo', '|',
  12. 'bold', 'italic', 'underline', 'fontborder',</span><span style="font-size:14px">                               <span style="font-size:14px">'strike</span>through', 'superscript', 'subscript'</span><span style="font-size:14px">]]
  13. ,elementPathEnabled : false});
  14. Editor.render('myEditor');
  15. </script>
  16. </td>
  17. </tr></span>

new UE.ui.Editor 是初始化编辑器的方法 {}里面是实例化编辑器的一些初始化参数 可以设置编辑器的宽高 工具栏显示的工具等。

以上的tr 是放在form里面的 提交到后台后 用request.getPrameter("content") (name=content    name等于啥 就获取啥参数就可以了)

修改取初始化值的时候用在java项目中应用ueditor script标签里面加上 ${}el 表达式取值即可。

提交后台取值 同上。

上一篇:jsp?echo


下一篇:Apache Sentry部署