一、首先到官网下载最新的ckeditor
获取方式:
1、ckeditor官网下载地址 click here
2、本人已配置好的开放接口的ckeditor click here
二、使用ckeditor
将ckeditor导入到WebRoot目录下
将ckeditor绑定到textarea控件上,同时应用js文件
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="ckeditor/config.js"></script>
<form action="getcontent" method="post">
<div>
<textarea name="ckeditor"></textarea>
<script type="text/javascript">
CKEDITOR.replace('ckeditor');
</script>
<input type="submit" value="发布" onclick="sub()">
</div>
</form>
当表单提交时,替换ckeditor中的内容到textarea中,获取内容自然变成了获取textarea中的内容:
<script type="text/javascript">
function sub() {
var editor1 = CKEDITOR.instances.editor1.getData();//取得textarea的值
alert("q" + editor1 + "q");
var title = $("#title").val();
alert(title);
document.myform.action = "myPicture.do?editor1=" + editor1 + "&title"
+ title;
document.myform.submit();
}
</script>
三、开放图片上传接口
可以参考博客配置ckeditor图片上传