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

本文详细介绍如何将CKEditor文本编辑器集成到项目中,包括下载必要文件、配置页面样式及脚本、实现编辑器显示及内容获取的方法。此外还提供了处理编辑器输出内容的示例代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值