comment utiliser Tinymce sur zend framework?

Question

J'ai besoin d'utiliser Tinymce dans mon projet sur zend framework, mais je ne sais pas comment l'utiliser! quelqu'un peut aider et donner un exemple?

grâce

Answer 1

Il y a une discussion et une mise en œuvre here

Answer 2

Il y a beaucoup d'exemples sur le TinyMCE website. Pour une implémentation facile avec Zend Framework et vos templates, vous pouvez écrire une aide à la visualisation.

Answer 3

Eh bien, téléchargez la bibliothèque quelque part dans votre dossier public puis dans l'action du contrôleur faire:

$this->view->headScript()->appendFile('/some/path/tiny_mce.js'); 
$this->view->headScript()->appendFile('/some/path/tiny_mce-init.js'); 

Où fichier tiny_mce-init.js pourrait ressembler ceci:

tinyMCE.init({ 
     theme : "advanced", 
     mode : "textareas", 
     // styles of the WYSIWYG content 
     content_css : "/css/tiny_mce.css", 
}); 

Cela convertira toutes les zones de texte en éditeurs WYSIWYG.

Answer 4

Dans le code suivant, j'ai créé un décorateur que je peux utiliser avec des zones de texte pour afficher l'éditeur WMD (celui utilisé ici). https://phpancake.svn.sourceforge.net/svnroot/phpancake/library/lib/decorator/Wmd.php

Et dans ce code j'ai simplement étendu la zone de texte pour utiliser automatiquement le décorateur de dessus. https://phpancake.svn.sourceforge.net/svnroot/phpancake/library/lib/form/element/WmdTextArea.php

Vous pouvez prendre cela et remplacer par le marquage de tinymce.
et dans le code:

$Form=new Zend_Form(....); 
$Form->addElement(new lib_form_element_WmdTextArea('my_name'...other text area params); 

Answer 5

Très similaire à la réponse de Richard Knop je sais, mais je trouve que cela ne fonctionne comme cela pour une raison quelconque, sinon l'éditeur a toujours été enveloppé autour du mauvais élément:

$this->view->headScript()->appendFile("/scripts/vendor/tiny_mce/tiny_mce.js","text/javascript") 
         ->appendFile("/scripts/addtinymce.js","text/javascript"); 

et addtinymce.js:

tinyMCE.init({ 
    mode : "exact", 
    elements : "yourcontent", 
    theme : "simple" 
});