4 mar 2008
CakePHP: aggiunta di TinyMCE (editor WYSIWYG)
Dopo aver visto come creare un semplice blog con CakePHP, ho pensato di aggiungere un editor WYSIWYG (what you see is what you get) per rendere più intuitivo l’inserimento e la modifica di testo in un articolo.
Per fare ciò ho seguito questo tutorial che spiega come aggiungere TinyMCE (uno dei più diffusi editor WYSIWYG) a CakePHP. I passi da seguire sono i seguenti:
- scaricare TinyMCE da qui, estrarre il file compresso e copiare la cartella tinymce/jscripts/tiny_mce in /webroot/js
- creare un nuovo layout default.thtml nella cartella /cake/app/views/layouts con questo codice di base:
- aggiungere questo codice in ogni file di tipo view in cui vogliamo mostrare l’editor:
link('tiny_mce/tiny_mce.js');
endif;
?> |
<script type="text/javascript"><!--mce:0--></script> |
Alcuni consigli personali:
- il codice del punto 3. potete inserirlo direttamente nel file default.thtml, se pensate di usare l’editor in tutte le views che avete creato
- attenzione al codice
link('tiny_mce/tiny_mce.js'); endif; ?>
che deve stare prima del tag </head> della pagina html, altrimenti non funzionerà l’editor! Per questo motivo non potete inserire il codice visto al punto 2. direttamente nelle views, perché verrebbe caricato dentro il <body> (e quindi dopo il tag </head>) della pagina html.
- potete modificare il layout creato al punto 2. caricando i fogli di stile css ed usando i tag <div> nel <body> della pagina (ad esempio potremmo creare un div header per l’intestazione, un div content per il contenuto e un div footer per il piè di pagina), in modo da applicare uno stile ben definito al nostro documento.
[…] title_’.$titolo); In questo modo sono arrivato a capire dove stava l’errore: nella prima applicazione il form per editare un post conteneva un campo di tipo hidden con l’id del post: <?php […]
Cronaca di un’avventura formativa » CakePHP: aggiunta di editor WYSIWYG di Ext JS (parte 3)
marzo 22nd, 2008 at 18:34:09permalink