ckeditor文本编辑器应用
第一步:找到需要放置CKEditor编辑器的页面,引入CKEditor的js文件(${contextPath}是JSTL写法,请改成你自己的路径写法,绝对路径或者相对路径):
<script type="text/javascript" src="${contextPath}/ckeditor4.1/ckeditor.js"></script>
第二步:在需要提交的form里,写一个:
<textarea>
<form id="detailForm" method="post">
<textarea id="content" name="content"></textarea>
<input type="button" value="保存" id="save" onclick="save()" />
</form>
第三步:创建CKEditor实例。
<script type="text/javascript">
var editor = null;
window.onload = function(){
editor = CKEDITOR.replace('content'); //参数‘content’是textarea元素的name属性值,而非id属性值
}
</script>
第四步:在页面js中为CKEditor编辑器设置/获取值
editor.setData('这里是需要传递给CKEditor编辑器实例的值');
editor.getData();
第五步:在后台java代码中获取CKEditor编辑器的值
<script type="text/javascript">
function save(){
editor.updateElement(); //非常重要的一句代码
//前台验证工作
//提交到后台
}

</script>




官网 :http://ckeditor.com/download 

阅读更多
个人分类: javascript
想对作者说点什么? 我来说一句

ckeditor 4.0

2010年07月16日 346KB 下载

CKeditor API CHM帮助文档

2011年09月21日 1.85MB 下载

没有更多推荐了,返回首页

不良信息举报

ckeditor文本编辑器应用

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭