2012-11-28 5 views
19

(가능한 복제본 : CKEditor - No toolbars)툴바없이 CKEditor를 사용할 수 있습니까?

툴바없이 CKEditor 인스턴스를 만들고 싶습니다. 나는 인스턴스의 config

oConfigName.toolbar = 'Custom'; 
oConfigName.toolbar_Custom = []; 

에서 사용할 빈 도구 모음을 정의하는 시도하지만 대신에 어떤 도구 모음의 내 인스턴스에 의해 작은 빈 도구 모음을 얻는다.

나는 CKEditor4와 함께 inline editing을 사용하고 있습니다.

답변

27

와우 :) 이것은 툴바를 구현하는 동안 우리가 생각하지 못했던 것입니다. 하지만 툴바 플러그인을 제거 할 수 있는지 확인한 것은 다른 플러그인에서 필요하지 않기 때문입니다. CKEditor 4.1에서 Advanced Content Filter이 소개되었다 : 예컨대 :

var editor = CKEDITOR.inline('editable', { 
    removePlugins: 'toolbar' 
}); 

업데이트 -

그래서 build your own CKEditor 도구 모음이없는 패키지 또는 removePlugins 구성을 사용합니다. automatic mode에는 툴바에로드되는 버튼으로 구성됩니다.

var editor = CKEDITOR.inline('editable', { 
    removePlugins: 'toolbar', 
    allowedContent: 'p h1 h2 strong em; a[!href]; img[!src,width,height];' 
}); 
+3

위대한 답변, 툴바 플러그인을 제거 완벽하게 작동합니다. ACF에 관해서는 모든 사람들이이 금기를 부릅니다 만, 존재하고, 존재할 것이며, 존재할 거의 모든 html 요소를 나열하고 싶지 않으면 *** config.allowedContent'를'true' ***로 설정할 수 있습니다 . – bendman

+0

Hehe :) * "거의 모든 HTML 요소"*를 허용하려면 ACF를 비활성화하는 것이 좋습니다. – Reinmar

1

config.js에이이 줄을 추가 파일 나는 새로운 추가 한

config.removePlugins= 'toolbar' 
0

: toolbar 플러그인없이 ACF는 자신의에이 작업을 수행하는 하나 개의 필요 있도록 구성되어 있지 않습니다 함수를 도구 모음의 숨기기/표시를위한 프로젝트로 가져옵니다.

function onClickToolbarButton() { 
 
    var bar = document.getElementById("cke_1_top"); 
 
    if(bar.style.display == "none"){ 
 
     bar.style.display = "block"; 
 
    }else{ 
 
     bar.style.display = "none"; 
 
    } 
 

 
    //resize web page 
 
    //onresize(); 
 
}

호출이 기능 때마다, 당신은 숨기기/표시 도구 모음을 원하는 경우.

관련 문제