一、首先到官網下載最新的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>