2011-12-01 52 views
7

Así que obtuve un textarea con el plugin CKEditor pero solo quiero que esté limpio, sin nada. Sin barras de herramientas y sin estado o cualquier barra. ¡Es simple pero no puedo encontrarlo en documentos o web!CKEditor - Sin barras de herramientas

Mi CKEditor se inicia con:

$('#texto').ckeditor({skin:'office2003'});

+3

No me puedo imaginar lo que el punto de tener que sin ninguna barra de herramientas es, pero estoy seguro de que tenga una razón por preguntar. –

+0

@DoozerBlake Causa Tengo un 'textarea' y necesito mostrar el texto formateado y' CKEditor' pone 'p' pero no necesito ninguna herramienta por ahora, tal vez en el futuro (: –

Respuesta

4

puede editar el archivo de config.js en el directorio donde poner los archivos de origen para especificar barras de herramientas personalizadas.

CKEDITOR.editorConfig = function(config) 
{ 
    config.toolbar = 'Custom'; //makes all editors use this toolbar 
    config.toolbar_Custom = []; //define an empty array or whatever buttons you want. 
}; 

Véase el developer's guide para obtener más información.

+0

Gracias, es eso Estaba buscando. –

2

Siguiendo de @wsanwille answer para también ocultar la barra de herramientas.

CKEDITOR.replace('description', { 
    toolbar: 'Custom', //makes all editors use this toolbar 
    toolbarStartupExpanded : false, 
    toolbarCanCollapse : false, 
    toolbar_Custom: [] //define an empty array or whatever buttons you want. 
}); 
16

En realidad, la manera correcta porque está quitando simplemente los plugins que hacen que estas características:

config.removePlugins = 'toolbar,elementspath,resize'; 

Con el nuevo CKEditor 4, puede incluso crear su propio editor sin estos complementos, haciendo que su el editor de código más pequeño: http://ckeditor.com/builder

+1

Intenté la respuesta aceptada y muestra la barra de herramientas vacía en lugar de ocultarla. Esta es definitivamente una mejor solución. – juminoz

+0

esto es correcto –

0

con CKE 4 o posterior, puede utilizar debajo de las líneas en las configuraciones de su CKE localmente:

<script type="text/javascript"> 
$(document).ready(function() 
{ 
CKEDITOR.replace('textArea-id'); 
CKEDITOR.config.toolbar = [['Bold','Italic','Underline']] ; 
CKEDITOR.config.uiColor = '#fff'; 
}); 

Espero que esto ayude.

0

¿Te gusta? El cuadrado en blanco es ckeditor.

[my ckeditor] 1

Cuestiones relacionadas