img 태그를 허용 하시겠습니까?

Question

외부 이미지 만 삽입하는 맞춤 이미지 플러그인을 만들었습니다. 하지만 기본 이미지 플러그인을 사용하지 않으면 img 태그가 양식에 표시되지 않습니다. 왜 ? 당신은 당신의 addButton의 설정에서 잘못된 명령 이름을 설정

CKEDITOR.plugins.add('img', 
{ 
    init: function(editor) 
    { 
     editor.addCommand('insertImg', 
      { 
       exec : function(editor) 
       {  
        var imgurl=prompt("Insert url image"); 
        editor.insertHtml('<img src="'+imgurl+'" />'); 
       } 
      }); 
     editor.ui.addButton('img', 
     { 

      label: 'Insert img', 
      command: 'insertImg', 
      icon: this.path + 'images/aaa.png' 
     }); 
    } 
}); 

Answer 1

:

이 내 플러그인입니다. 고급 콘텐츠 - 당신은 ACF와 플러그인을 통합 할 필요가 http://jsfiddle.net/kreeg/2Jzpr/522/

Answer 2

:

editor.addCommand('insertImg', { 
     ... 
    } 
); 

을뿐만 아니라 command 설정의 이름으로 editor.ui.addButton()

UPD에 : 일부 바이올린 당신은 설정해야합니다 CKEditor 4.1에서 소개 된 필터.

다음은 유용한 가이드 - Plugins integration with ACF입니다.

기본적으로 편집기에 기능이 추가되었습니다. 이 기능은 편집기에 HTML로 표시되는 방법을 알려주므로이 기능을 사용할 때 허용되어야하는 기능입니다.

가장 간단한 경우 명령을 실행하는 버튼이있는 경우 CKEDITOR.feature 인터페이스의 두 속성, 즉 allowedContent 및 requiredContent을 정의하면됩니다.

예컨대 :

editor.addCommand('insertImg', { 
    requiredContent: 'img[src]', // Minimal HTML which this feature requires to be enabled. 
    allowedContent: 'img[!src,alt,width,height]', // Maximum HTML which this feature may create. 
    exec: function(editor) {  
     var imgurl=prompt("Insert url image"); 
     editor.insertHtml('<img src="'+imgurl+'" />'); 
    } 
}); 

그리고이 버튼을 도구 모음에 추가 할 때 지금, 기능이 자동으로 활성화되고 이미지가 허용됩니다.