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(/ /ig,'');
$("#notes").val(data);
4、controller根据name接收到文本编辑器输入的内容即可,也可以用request.getXXX
- springmvc接收ckeditor文本编辑器输入的内容
- 解决从数据库中取出来的内容能放到CKeditor文本编辑器中的方法
- 很棒的富文本编辑器CKEditor
- 在线网页文本编辑器ckeditor的使用
- 富文本编辑器ckeditor的使用
- ckeditor富文本编辑器的使用
- Ckeditor一种很方便的文本编辑器
- 富文本编辑器 CKeditor 的使用
- 前端富文本编辑器ckeditor的使用
- 页面文本编辑器 ckeditor的使用
- 富文本编辑器CKEditor的使用
- CKeditor富文本编辑器的使用
- CKeditor 在线文本编辑器
- 后台文本编辑器CkEditor
- 文本编辑器CKEditor使用
- Ckeditor在线文本编辑器
- ckeditor文本编辑器应用
- 富文本编辑器CKEditor
- tjut 3094
- jQuery源码学习 item2-jQuery对象及其属性和方法
- [HDU1176]-免费馅饼
- easyUI之layout、tree、tabs、datagrid的结合
- 分布式搜索Elasticsearch——项目过程(一)
- springmvc接收ckeditor文本编辑器输入的内容
- Java培训实战教程之Java基础知识精华部分(五)-设计模式
- 【zzuliOJ】1917 - 晴天算价值(二分 & STL)
- grep 文本搜索
- 分布式搜索Elasticsearch——项目过程(二)
- python socket编程
- 01章 Java简介及说明
- 利用Stetho在Chrome进行Android网络和数据库的调试
- 指针数组与数组指针