沒有運氣與ckeditor內聯編輯後保存數據

Question

我試圖建立一個文章系統，其中的內容div可以與ckeditor內聯編輯。內容div的數量是可變的，所以物品具有例如兩個div：

<div id="content_11439" contenteditable="true">Click to edit.</div> 
<div id="content_11440" contenteditable="true">Click to edit.</div> 

現在我已經瀏覽過該論壇，並試圖將一些答案在我的文本保存到我的數據庫解決方案。內聯編輯部分工作，ckeditor顯示，我可以編輯，但似乎我的代碼不會被髮送到php文件，應該保存它，一旦我點擊頁面上的其他地方和ckeditor關閉。

下面的代碼來自於這些論壇：

<script type="template" data-sample="1"> 

CKEDITOR.disableAutoInline = true; 

$("div[contenteditable='true']").each(function(index) { 

    var content_id = $(this).attr('id'); 

    CKEDITOR.inline(content_id, { 
     on: { 
      blur: function(event) { 
       var data = event.editor.getData(); 

       var request = jQuery.ajax({ 
        url: "http://www.xxxxxx/saveTextDetails.php", 
        type: "POST", 
        data: { 
         content : data, 
         content_id : content_id 
        }, 
        dataType: "html" 
       }); 

      } 
     } 
    }); 

}); 

jQuery是裝的，我不會在我的控制檯得到任何錯誤，但我沒有得到任何職位，要求要麼，雖然我確實在不同的頁面上做了相同的事情，但在單擊保存按鈕時將文本保存在輸入表單中。

謝謝你的幫助。

Answer 1

你的問題是與data-sample="1"的<script>標籤，這引起了腳本標籤內無法運行（這意味着div的自動拿到了CKEditor的，並通過CKEDITOR.inline(content_id內

檢查：。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
 
<script src="http://cdn.ckeditor.com/4.4.7/standard/ckeditor.js"></script> 
 

 
<div id="content_11439" contenteditable="true">Click to edit.</div> 
 
<div id="content_11440" contenteditable="true">Click to edit.</div> 
 
<script> 
 
    CKEDITOR.disableAutoInline = true; 
 
    $("div[contenteditable='true']").each(function(index) { 
 
    var content_id = $(this).attr('id'); 
 
    CKEDITOR.inline(content_id, { 
 
     on: { 
 
     blur: function(event) { 
 
      var data = event.editor.getData(); 
 
      alert("Sending: " + data) 
 
      /* 
 
      var request = jQuery.ajax({ 
 
      url: "http://www.xxxxxx/saveTextDetails.php", 
 
      type: "POST", 
 
      data: { 
 
       content : data, 
 
       content_id : content_id 
 
      }, 
 
      dataType: "html" 
 
      }); 
 
      */ 
 
     } 
 
     } 
 
    }); 
 
    }); 
 
</script>