ckeditor使用教程及开放图片上传接口

一、首先到官网下载最新的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图片上传