Piste :

Différences ¶

Ci-dessous, les différences entre deux révisions de la page.

--- tutoriels:tinymce [2007/12/17 12:00] – laurent
+++ fr:tutoriels:tinymce [2012/04/14 19:45] (Version actuelle) – [Création du plugin de template] laurent
@@ Ligne 7: / Ligne 7: @@
 Ce tutoriel n'est pas destiné à décrire le "comment configurer TinyMCE". Pour obtenir ces informations je vous recommande de consulter le [[http://wiki.moxiecode.com/index.php/TinyMCE:Index|wiki]] de TinyMCE.
-Enfin, ce tutoriel est basé sur le tutoriel [[tutoriels:fckeditor|Intégration de FCKeditor]].
+Enfin, ce tutoriel est basé sur le tutoriel [[fr:tutoriels:fckeditor|Intégration de FCKeditor]].
@@ Ligne 18: / Ligne 18: @@
 <code bash>
-  php jelix.php --tutoriel.tinymce createapp
+  php jelix.php --tutoriel.tinymce createapp -nodefaultmodule
   php jelix.php --tutoriel.tinymce createmodule essai
 </code>
@@ Ligne 33: / Ligne 33: @@
 ===== Installation de TinyMCE =====
 Téléchargez le logiciel [[http://tinymce.moxiecode.com/download.php|TinyMCE]].
@@ Ligne 41: / Ligne 42: @@
 Copiez le contenu de ce répertoire dans le répertoire **/tutoriel.tinymce/www/js/tinymce/** précédemment créé.
 ===== Création du plugin de template =====
-Dans le répertoire **/tutoriel.tinymce/plugins/** créez le répertoire **tpl/**.
-Dans ce répertoire créez un répertoire **html**.
+  * Dans le répertoire **/tutoriel.tinymce/plugins/** créez le répertoire **tpl/html**.
-Dans ce répertoire, créez un fichier nommé **function.tinymce.php** .
+  * Dans ce répertoire, créez un fichier nommé **cfunction.tinymce.php** .
 Copiez-collez le code suivant :
@@ Ligne 52: / Ligne 54: @@
 /**
- * function plugin :  ajoute et initialise TinyMce
+ * cfunction plugin :  init a tinymce environnement
  *
- * @param jTpl $tpl template engine
+ * @param jTplCompiler $compiler
  */
-function jtpl_function_html_tinymce($tpl) {
+function jtpl_cfunction_html_tinymce($compiler, $params=array()) {
-    $rep = $GLOBALS['gJCoord']->response;
-    $rep->addJSLink('js/tinymce/tiny_mce.js');
+    // on génère du code php qui sera intégré dans le template compilé
-    $rep->addJSCode('tinyMCE.init({');
-    $rep->addJSCode('    mode : "textareas",');
+    $codesource = '$rep = $GLOBALS[\'gJCoord\']->response;
-    $rep->addJSCode('    theme : "simple"');
+                   if($rep!=null) {
-    $rep->addJSCode('});');
+                       $rep->addJSLink(\'js/tinymce/tiny_mce.js\');
+                       $rep->addJSCode(\'tinyMCE.init({ mode : "textareas", theme : "simple"});\');
+                    } ';
+    $compiler->addMetaContent($codesource);
 }
@@ Ligne 68: / Ligne 74: @@
 </code>
-Cette fonction charge le code Javascript de TinyMCE puis définit une configuration.
+Cette fonction charge le code Javascript de TinyMCE puis définit une configuration. On pourrait l'améliorer en permettant de prendre en paramètre la chaine du code source js à donner à tinyMCE.init.
-Il faut également modifier la ligne tplpluginsPath du fichier defaultconfig.ini.php. À la ligne tplpluginsPath __ajoutez__
-  ,app:plugins/tpl/
-Pour en savoir plus sur les templates lisez l'article [[manuel:templates|"Le moteur de template jTpl"]] et sa section "Les plugins de templates".
+Pour en savoir plus sur les templates lisez l'article [[http://docs.jelix.org/fr/manuel-1.0/templates|"Le moteur de template jTpl"]] et sa section "Les plugins de templates".
@@ Ligne 123: / Ligne 126: @@
 ----
-   * [[tutoriels:|Retour au sommaire des tutoriels]]
+   * [[fr:tutoriels:|Retour au sommaire des tutoriels]]

fr/tutoriels/tinymce.txt · Dernière modification : 2012/04/14 19:45 de laurent