2013-03-05 72 views
2

KCfinder返回的圖片標籤在CKeditor上不完整,並且未正確顯示/保存。請注意,我正在使用內聯CKEditor和KCFinder進行圖片上傳。KCfinder返回的圖片標籤在CKeditor上不完整

這裏是集成代碼:

的CKEditor/config.js

config.filebrowserBrowseUrl = base_url+'/js/kcfinder/browse.php?type=files'; 
    config.filebrowserImageBrowseUrl = base_url+'/js/kcfinder/browse.php?type=images'; 
    config.filebrowserFlashBrowseUrl = base_url+'/js/kcfinder/browse.php?type=flash'; 
    config.filebrowserUploadUrl = base_url+'/js/kcfinder/upload.php?type=files'; 
    config.filebrowserImageUploadUrl = base_url+'/js/kcfinder/upload.php?type=images'; 
    config.filebrowserFlashUploadUrl = base_url+'/js/kcfinder/upload.php?type=flash'; 

在頁面HTML

<div id="page_body" contenteditable="true" class="full">...</div> 

在頁面JS

<script type="text/javascript"> 
      CKEDITOR.disableAutoInline = true;   
      var editor = CKEDITOR.inline('page_body', { 
       on: { 
        focus: function(event){ 
         var data = event.editor.getData(); 
         alert(data); 
        }, 
        blur: function(event) { 
         var data = event.editor.getData(); 
         var page_id = <?php echo $this->uri->segment(3) ?>; 
         var page_link =$("#page_link").val(); 
         $.ajax({ 
          type: 'POST', 
          url: '<?php echo site_url('admin/dashboard/ajaxChangePageData') ?>', 
          data: { page_id: page_id, page_body: data,page_link:page_link }, 
          beforeSend:function(){}, 
          success:function(data){}, 
          error:function(){ alert("Error"); } 
         });  

        } 
       } 
      }); 

     </script> 

奇怪的是,我可以瀏覽服務器/上傳沒有任何錯誤與KCFinder我甚至可以從服務器中選擇一個圖像,並在內容中成功顯示圖像。但重新加載後代碼寬度高度信息不存在。我想,對於圖像創建的HTML在源模式不完全

我見式

<img alt="" src="/gchalk/content/images/333(1).jpg" 300px; height: 224px;" /> 

的情況只會愈演愈烈,如果第二次我做一些改變股利說,添加一些文字。圖像丟失和它作爲文本處理,上述代碼段被示出爲

在源模式 -

&lt;img alt=&quot;&quot; data-cke-saved-src=&quot;/gchalk/content/images/333(1).jpg&quot; src=&quot;/gchalk/content/images/333(1).jpg&quot; 300px;=&quot;&quot; height:=&quot;&quot; 224px;&quot;=&quot;&quot;&gt; 

和它上的瀏覽器/編輯器顯示爲 -

<img alt="" data-cke-saved-src="/gchalk/content/images/333(1).jpg" src="/gchalk/content/images/333(1).jpg" 300px;="" height:="" 224px;"=""> 

我我正在撕裂我的頭髮一天,無法找到解決辦法。請幫我解決如何解決它。

噢,記錄文本通過ajax文件保存在MySQL中作爲「文本」我很確定它不是一個問題,但仍然只是說!

我注意到圖像標籤也在默認的ckeditor(非內聯)中搞砸了。

+0

我覺得garbej其GIGO,garbej出來, 源是錯誤的 應該是 腳本函數不聰明的功能,他們將承擔輸入,並相應修改..嘗試新的輸入輸出將罰款:) – MarmiK 2013-03-12 12:40:29

+0

問題是我不假設我的用戶編寫HTML代碼,他們會簡單地使用kc finder選擇圖像,而發現者生成有錯誤的img標籤。 – shababhsiddique 2013-03-12 13:29:21

+0

請提供必要的信息:CKEditor版本,KCFinder版本,瀏覽器版本。我在最新的Chrome上使用KCFinder 2.5.1試用了CKEditor 4.0.2,它的功能就像一個魅力。 – oleq 2013-03-12 20:05:23

回答

0

事情會影響你的代碼的輸出:

1- Magic Quotes使用PDO時。如果它們處於ON狀態,請在您的php.ini中關閉它們!他們已被棄用。我爲什麼告訴你這個?將會因爲在你的源代碼模式下你有300px; height: 224px;"當你存儲它並顯示它時你有300px;="" height:="" 224px;"=""

2-你的CKeditor包。嘗試下載並重新上傳您的Ckeditor(如果可能,請將其更新到最新版本)

除此之外,我沒有看到您提供的代碼有任何問題。祝你好運!

+0

THanks,但是魔法問題沒有打開。我仍然沒有任何線索。我嘗試了一個沒有運氣的新包。我正在轉向tinyMCE。 – shababhsiddique 2013-05-18 10:03:52