springmvc接收ckeditor文本编辑器输入的内容

来源:互联网 发布:ipad游戏大厅网络异常 编辑:程序博客网 时间:2024/06/15 21:50

1、到ckeditor官网下载ckeditor-java-core-3.5.3.jar和ckeditor_4.5.10_standard.zip放到项目下

2、引入页面中(注意路径)

<!-- 文本编辑框 -->
<link rel="stylesheet" href="assets/ckeditor/samples/css/samples.css"/> 
<script  type="text/javascript" src="assets/ckeditor/ckeditor.js"></script>
<script  type="text/javascript" src="assets/ckeditor/samples/js/sample.js"></script> 

3、页面标签通过id=“editor”显示样式,我这里让它在td中显示

  <td style="width:80%" id="editor" >

</td>

<script type="text/javascript">
 //文本编辑器显示:这个很重要
  initSample();

</script>

运行页面td中就已经包含文本编辑器

4、获取文本编辑器的内容

CKEDITOR.replace();很重要,注意这里的editor是id,所有为了方便name和id可以取一样名字。

隐藏域是用来存放文本内容,注意config的路径

//js获取编辑器内容,注意这里的editor是id

var data=CKEDITOR.instances.editor.getData();
data = data.replace(/\s/g,'');
    data = data.replace(/<\/?[^>]*>/g,''); //去除HTML tag 
    data = data.replace(/[ | ]*\n/g,'\n'); //去除行尾空白
    data = data.replace(/&nbsp;/ig,'');
  $("#notes").val(data);

4、controller根据name接收到文本编辑器输入的内容即可,也可以用request.getXXX


1 0
原创粉丝点击