ckeditor guida??

[nick03]

esiste una guida su come configurare e personalizzare ckeditor?
dal loro sito non riesco a capire niente.

praticamente di default ho la barra con tutti i pulsanti.
Tipo come faccio a configurare quali mostrare?

esiste qualche guida?

[Vincent.Zeno]

le guide sono qui
http://docs.cksource.com/

[nick03]

si le ho viste anchio quelle... ma non si capisce molto.

per esempio il fatto di togliere il pulsante per collassare la toolbar...
c'è scritto di inserire:

config.toolbarCanCollapse = false;

ma dove??? nel config.js??? nel file plugin.js dentro alla cartella toolbar???
bhe ho provato tutti e 2... ma nessuno ha funzionato!!

[Vincent.Zeno]

direi config.js

ma più preciso non posso essere

sto lavorando anch'io alla cosa,
se lo scopro te lo dico

[nick03]

ok dopo svariati tentativi ci sono riuscito.

[Vincent.Zeno]

ho trovato il cane...

la configurazione contestuale
va inserita dopo la texarea interessata
trovi l'esempio in api_dialog.html

<textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
<script type="text/javascript">
		// Replace the <textarea id="editor1"> with an CKEditor instance.
		var editor = CKEDITOR.replace( 'editor1',
			{
			// Defines a simpler toolbar to be used in this sample.
			// Note that we have added out "MyButton" button here.
			toolbar : [ [ 'Source', '-', 'Bold', 'Italic', 'Underline', 'Strike','-','Link', '-', 'MyButton' ] ]
});
</script>

[Vincent.Zeno]

Originariamente inviato da nick03
ok dopo svariati tentativi ci sono riuscito.

spiega...

[nick03]

scrivo solo le cose che ho impostato io, dato che le altre non servendomi non le ho nemmeno guardate:

1) ho messo nella textarea class="ckeditor" id="editor"

2)proprio sotto la textarea ho messo

<script type="text/javascript">
CKEDITOR.replace( 'editor',
	{
		toolbar : 'Vuota',   //richiama la toolbar modificata che è sentro al config.js che poi posto
		enterMode : CKEDITOR.ENTER_BR   //serve per far si che quando premo invio per andare a capo metta il 
 al posto del P di default
	});
</script>

3) questo il mio config.js

CKEDITOR.editorConfig = function( config )
{
	config.removePlugins = 'elementspath';  //rimuove i tag sotto la textarea, guarda qua: http://docs.cksource.com/CKEditor_3....s_Path_Removal
	
	config.resize_dir = 'vertical';  //serve per usare il resize della teztarea solo verticalmente
	
	config.toolbarCanCollapse = false;  //tolgo il triangolino che serviva per nascondere la toolbar
	
	config.language = 'it';  //lingua italiana	
	
	config.toolbar = 'Vuota';   //questa è la toolbar modificata con i soli tasti che servono a me
	config.toolbar_Vuota =
	[
		{ name: 'document', items : [ 'Source','-','NewPage','DocProps','Preview' ] },
	{ name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
	{ name: 'links', items : [ 'Link','Unlink','Anchor' ] },
	{ name: 'insert', items : [ 'Image','SpecialChar' ] },	
	'/',
	{ name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] },
	{ name: 'paragraph', items : [ 'JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','-','BidiLtr','BidiRtl' ] },		
	{ name: 'styles', items : [ 'FontSize' ] },
	{ name: 'colors', items : [ 'TextColor','BGColor' ] },
	{ name: 'tools', items : [ 'Maximize', 'ShowBlocks' ] }
	];
};