2012-11-28 13 views
19

(Eventuali duplicati: CKEditor - No toolbars)Posso usare CKEditor senza una barra degli strumenti?

mi piacerebbe creare un'istanza CKEditor, senza una barra degli strumenti. Ho provato la definizione di una barra degli strumenti vuota da utilizzare nel caso di configurazione

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

ma ottengo una piccola barra degli strumenti vuota dal mio esempio, invece di senza barra degli strumenti.

Sto usando inline editing con CKEditor4.

risposta

27

Wow :) Questo è qualcosa a cui non abbiamo pensato mentre implementavamo la barra degli strumenti. Ma ho appena controllato che è possibile rimuovere il plug-in della barra degli strumenti, perché non è richiesto da nessun altro plug-in.

Così build your own pacchetto CKEditor senza barra degli strumenti oppure utilizzare removePlugins configurazione - ad es .:

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

Aggiornamento: In CKEditor 4.1 il Advanced Content Filter è stato introdotto. Nel suo automatic mode è configurato da pulsanti che vengono caricati sulla barra degli strumenti. Senza toolbar plug-ACF non è configurato, quindi una necessità di fare questo da solo:

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

ottima risposta, la rimozione del plugin della barra degli strumenti funzionava perfettamente. Per quanto riguarda ACF, tutti chiameranno questo tabù, ma puoi impostare *** 'config.allowedContent' su' true' *** se non hai voglia di elencare quasi ogni elemento html che esiste, che fa e che esisterà mai . – bendman

+0

Hehe :) Quando si desidera consentire * "quasi ogni elemento html" *, è sicuramente accettabile disabilitare ACF. – Reinmar

1

Aggiungi questa questa linea per config.js file di

config.removePlugins= 'toolbar' 
0

ho aggiunto nuovo funzione nel mio progetto per nascondere/mostrare la barra degli strumenti.

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(); 
 
}

chiama questa funzione ogni volta, se si vuole nascondi/mostra barra degli strumenti.

Problemi correlati