2013-03-05 2 views
2

KCfinder에서 반환 한 이미지 태그가 CKeditor에서 불완전하며 올바르게 표시되거나 저장되지 않습니다. 이미지 업로드를 위해 인라인 CKEditor와 KCFinder를 사용하고 있습니다. 여기KCfinder에서 반환 한 이미지 태그가 CKeditor에서 완료되지 않았습니다.

는 통합 코드이다 : 페이지

<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> 

이상한이다

ckeditor/config.js 페이지의 HTML에서

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'; 

I 찾아 볼 수있다. 서버/업로드 KCFinder와 아무런 오류없이 내가 심지어 서버에서 이미지를 선택할 수 있으며 이미지가 성공적으로 콘텐츠에 표시됩니다. 재로드 후에는 코드 너비 높이 정보가 없습니다. 난 내가

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

두 번째로 전 사업부에 약간의 변화가 텍스트를 추가하는 말을 할 경우 상황은 단지 악화를 비칩니다 이미지를 위해 만든 HTML 소스 모드에서

불완전이라고 생각. 이미지가 손실되고 그것의 텍스트로 처리, 위의 코드 조각은 소스 모드 -

&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;"=""> 

I 하루 동안 내 머리를 찢어 버리고 길을 찾을 수 없습니다. 그것을 해결하는 방법을 알아 내려고 도와주세요.

오, 그리고 기록을 위해 텍스트는 아약스 게시물을 통해 "텍스트"로 MySQL에 저장됩니다. 나는 그 문제는 아니지만 여전히 말하고 있습니다!

이미지 태그가 기본 ckeditor (인라인이 아님)에서도 엉망이된다는 것을 알았습니다. 코드의 출력에 영향을 수

+0

나는 그것이 스크립트 기능들이 입력을 가정하고 그에 따라 수정합니다 스마트 기능을하지해야 소스 잘못, garbej 년 GIGO, garbej을 생각 ..새로운 입력 출력을 시도해보십시오. – MarmiK

+0

problm은 내 사용자가 html 코드를 작성한다고 가정하지 않으며, 단순히 kc finder를 사용하여 이미지를 선택하고 finder가 오류가있는 img 태그를 생성합니다. – shababhsiddique

+0

필요한 정보를 제공하십시오 : CKEditor 버전, KCFinder 버전, 브라우저 버전. 나는 최신 크롬에 KCFinder 2.5.1로 CKEditor 4.0.2를 시험해 보았습니다. 그것은 매력처럼 작동합니다. – oleq

답변

0

것들 :

1 Magic Quotes PDO를 사용하여. 그들이 ON이라면, php.ini에서 끄십시오! 그들은 더 이상 사용되지 않습니다. 내가 왜 너 한테이 말을하는거야? 당신의 소스 모드에서 당신이 300px;="" height:="" 224px;"=""

2 개의 CKeditor 패키지를 가지고 있었을 때 300px; height: 224px;"을 가지고 있었기 때문에 표시됩니다. Ckeditor를 다운로드하고 다시 업로드하십시오 (가능한 경우 마지막 버전으로 업데이트하십시오).

이외의 코드는 제공 한 코드에 아무런 문제가 없습니다. 행운을 빕니다!

+0

THanks를 사용하고 있었지만, magic quite는 켜지지 않았습니다. 나는 아직도 어떤 단서도 갖고 있지 않다. 나는 운이없는 신선한 포장으로 시도했다. 나는 작은 MCE로 나아갈 것이다. – shababhsiddique