tinymce cakePhp

Par duffJohn, il y a 13 ans

CakePHP

Bonjour,
je suis en train de suivre les tuto "Développer un site avec CakePHP, Jour x"
J'ai bien installé tinymce, ... et cela fonctionne très bien sauf dans le CSS.
Voila mon tableau contenant tinymce prend une taille de 100%.
En fouillant dans css+js, j'ai trouvé que le soucis venait de tiny_mce.js.
Initialement c'est tiny_mce_src.js qui contient le code lisible, j'ai donc remplacé tiny_mce_src en tiny_mce, pour essayer de régler le soucis.

De ce fait je regarde la console d'erreur qui deviendrait plus parlante et je tombe sur ces erreurs:

Uncaught TypeError: undefined is not a function tiny_mce.js:13532
tinymce.create.init tiny_mce.js:13532
(anonymous function) tiny_mce.js:13514
(anonymous function) tiny_mce.js:10877
tinymce.each tiny_mce.js:149
loadScripts tiny_mce.js:10876
(anonymous function) tiny_mce.js:10869
done tiny_mce.js:10709

L'erreur ligne 13532: 

t.theme = new o();

Et il n'existe pas de fonction o() dans le reste du code...

Comment dois je faire? Car je voudrai que mon tableau fasse initialement 700px... :s

8 réponses

zenkiai, il y a 13 ans

Salut, pour donner une largeur et une hauteur à mes textarea contenant TinyMce, je rajoute dans la page appelée :

<?php $this->Html->scriptStart(array('inline'=>false)); ?>
        tinyMCE.init({
            mode : 'textareas',
            theme : "advanced",
            skin : "o2k7",
            theme_advanced_toolbar_location:'top',
            theme_advanced_toolbar_align : "left",
            theme_advanced_statusbar_location : 'bottom',
            theme_advanced_resizing : true,
            height : 250,   
            width : 700
        });
<?php $this->Html->scriptEnd(); ?>

Je te donne comme exemple un code pris d'une de mes pages, personnalise le à ton goût.
Cela me permet de mettre une hauteur et une longueur personnalisée pour chaques pages contenant TinyMce.

duffJohn, il y a 13 ans

Merci zenkiai, mais cela ne change rien a la taille de mon textarea... :(
Je pense que mon fichier .js foire tout le code... car il force le contenu d'un td en lui mettant un iframe avec une largeur=936px; ...

Je ne comprend pas vraiment l'idée là :s

zenkiai, il y a 13 ans

As tu essayé une autre version de TinyMce, pour ma part je tourne sur celle donné dans le plugin Média.

duffJohn, il y a 13 ans

J'ai la version :
tinymce_3.5.7

Je l'ai récupéré sur le site de TinyMCE directement. Dernière version stable officielle.

Thepastisboy, il y a 13 ans

Tu devrais tester avec les pourcentages

width: "100%",
height: "550",
duffJohn, il y a 13 ans

Enfait je viens de poursuivre le tuto video3, et lors de la creation d'articles... aucuns soucis!
Le probleme vient donc d'ailleurs.

Par contre est-il possible de lui mettre un max-width??

zenkiai, il y a 13 ans

Sur ce lien là TinyMce, tu as toutes les configurations possibles.
A priori je ne vois pas de max-width.
A la rigueur, met ton textarea dans une div, qui a un width fixe et donne à tinymce un width:100% comme te l'a conseillé Thepastisboy.

duffJohn, il y a 13 ans

C'est toujours un peu laborieux... Y a t'il un JS qui force les tailles?
Car il retient la taille que l'on met manuellement en étirant la frame...

Si quelqu'un a une idée, je suis preneur. ;)