使用struts2完成ckeditor和图片上传

代码地址如下:
http://www.demodashi.com/demo/12427.html

使用struts2完成ckeditor和ckeditor图片上传

ckeditor版本ckeditor_4.8.0_full
struts2版本struts2.5

  • 解压压缩包,将解压后的文件夹ckeditor直接拷贝至WebContent下
  • 在jsp中引用ckeditor.js
<script type="text/javascript" src="${pageContext.request.contextPath }/js/ckeditor/ckeditor.js">
  • 在文本域textarea下方编写如下js代码
");

        out.close();
        in.close();

        return SUCCESS;
    }
  • 效果截图:

使用struts2完成ckeditor和图片上传_第5张图片

  • 点击上传到服务器,自动跳转至图像信息选项卡,并显示预览图片

使用struts2完成ckeditor和图片上传_第6张图片

  • 点击确定:

使用struts2完成ckeditor和图片上传_第7张图片

  • 点击保存,即可在result.jsp页面中查看:

使用struts2完成ckeditor和图片上传_第8张图片

  • 控制台打印文本域中的信息:

项目结构

使用struts2完成ckeditor和图片上传_第9张图片
使用struts2完成ckeditor和图片上传

代码地址如下:
http://www.demodashi.com/demo/12427.html

注:本文著作权归作者,由demo大师发表,拒绝转载,转载需要作者授权

你可能感兴趣的:(使用struts2完成ckeditor和图片上传)