关闭

ckeditor文本编辑器应用

194人阅读 评论(0) 收藏 举报
分类:
第一步:找到需要放置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 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:43568次
    • 积分:585
    • 等级:
    • 排名:千里之外
    • 原创:10篇
    • 转载:32篇
    • 译文:0篇
    • 评论:3条
    文章分类