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