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图片上传