Piste :

Différences ¶

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

--- tutoriels:tinymce [2007/08/30 08:40] – créée 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 20: / 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 26: / Ligne 24: @@
 <code ini>
-  defaultModule = "essai"
+  startModule = "essai"
-  defaultAction = "default_index"
+  startAction = "default:index"
-  engine        = simple
+  [urlengine]
-  multiview     = off
+    engine        = simple
-  basePath      = "/tutoriel.tinymce/www"
+    multiview     = off
 </code>
-Si il s'agit de Jelix 1.0beta2 ou précédente, vous devez modifier le basePath selon votre configuration.  Dans ce tutoriel Jelix à été installé dans le répertoire /jelix. Donc le basePath sera égale à
+===== Installation de TinyMCE =====
-<code ini>
-  basePath = "/jelix/tutoriel.tinymce/www"
-</code>
-===== Installation de TinyMCE =====
 Téléchargez le logiciel [[http://tinymce.moxiecode.com/download.php|TinyMCE]].
@@ Ligne 50: / Ligne 44: @@
+===== Création du plugin de template =====
+  * Dans le répertoire **/tutoriel.tinymce/plugins/** créez le répertoire **tpl/html**.
-===== Création du plugin de template =====
+  * Dans ce répertoire, créez un fichier nommé **cfunction.tinymce.php** .
-Dans le répertoire **/tutoriel.tinymce/plugins/** créez le répertoire **tpl/**.
-Dans ce répertoire créez un répertoire **html**.
-Dans ce répertoire, créez un fichier nommé **function.tinymce.php** .
 Copiez-collez le code suivant :
@@ Ligne 62: / 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_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 78: / 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__
+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".
-  ,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".
@@ Ligne 92: / Ligne 85: @@
 Le comportement par défaut de TinyMCE tel que configuré plus haut dans ce tutoriel consiste à remplacer les éléments HTML **textarea** par un éditeur de texte.
 Créez un template **demo_tinymce.tpl** dans **/tutoriel.tinymce/plugins/modules/essai/templates/**
@@ Ligne 102: / Ligne 92: @@
 {tinymce}
-<form action="{jurl 'essai~default_index'}" method="POST">
+<form action="{formurl 'essai~default:index'}" method="POST">
+{formurlparam 'essai~default:index'}
-    <textarea name="mon_texte" id="mon_texte" cols="50" rows="15">{$monTexte}</textarea>
+<div>
+    <textarea name="mon_texte" id="mon_texte" cols="50" rows="15">{$monTexte|eschtml}</textarea><br/>
     <input type = "submit" value="Valider" />
+</div>
 </form>
@@ Ligne 126: / Ligne 117: @@
 ===== Voir le résultat !=====
 Dans la barre d'adresse :
-  http://localhost/jelix/tutoriel.tinymce/www/index.php?module=essai&action=default_index
+  http://localhost/jelix/tutoriel.tinymce/www/index.php?module=essai&action=default:index
 Dans un template :
-  {jurl 'essai~default_index'}
+  {jurl 'essai~default:index'}
@@ Ligne 135: / 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