Écrit par Alain01

Bonjour,

Beaucoup d'entre vous réalisent des sites web avec un contenu qui, pour certaines rubriques auraient besoin d'uniformisation.

Il s'agit ici de vous indiquer assez simplement comment créer des modèles (ou gabarit) de fiches (fiche cuisine, fiche livre, fiche cinéma, fiche voiture.

L'intérêt est multiple :

• Uniformiser vos pages "fiches"


• Ne pas recréer une page qui pourrait être déjà préformaté et pré-remplie


• Utiliser aisément vos gabarits disponible afin de les remplir en vue créer une news ou tout autre document.

Je vous indique ici la procédure (en 5 étapes) :

• 1 - Activation de l'éditeur TinyMCE pour les modules


• 2 - Ajout du bouton "Insérer un modèle prédéfini"


• 3 - Création des fichier gabarits


• 4 - Création d'un fichier de définition des gabarits


• 5 - Dépôt des fichiers sur le serveur


• 6 - Utilisation



1 - Activation de l'éditeur TinyMCE pour les modules (c'est l'éditeur en démo ici)
Administration / Préférences / Paramètre du système / Paramètres de l'éditeur de texte / Editeur de texte pour l'ensemble des modules : tinymce
(ou bien choisissez comme éditeur par défaut TinyMCE pour le module que vous souhaitez utiliser, dans les préférences du module en question)


2 - Ajout du bouton "Insérer un modèle prédéfini"

Modification du fichier /class/xoopseditor/tinymce/settings.php :
Ligne 70, changez
"paste,fullscreen,visualchars,nonbreaking,inlinepopups",
en

"paste,fullscreen,visualchars,nonbreaking,inlinepopups,template",

puis ligne 85
"theme_advanced_buttons4" => "xoopsimagemanager,xoopsemotions,xoopsquote,xoopscode,xoopsmlcontent",
en

"theme_advanced_buttons4" => "xoopsimagemanager,xoopsemotions,xoopsquote,xoopscode,xoopsmlcontent,template",
"template_external_list_url" => '/uploads/gabarits/liste-gabarits.js',

(On indique ici que les gabarits vont se situer dans le dossier /uploads/gabarits et que le fichier de définition des gabarits se nomme liste-gabarits.js


3 - Création des fichiers gabarits

Ces fichiers sont au format html et ne doivent contenir aucune balise < html >, < body > ou < head >[/b]
Ici on crée 2 fichiers html :
- fiche-cuisine.html,
- fiche-livre.html.

Il faut soigner la présentation de ces fichiers, fixer les tailles et les positions des éléments...
Par exemple, pour la fiche cuisine, vous pouvez créer une fiche avec :
Titre de la recette :
Ingrédients :
Difficulté :
Temps de préparations :
Le tout est a placer judicieusement


[b]4 - Création d'un fichier de définition des gabarits

Ici on crée un fichier de définitions des gabarits
Contenu du fichier liste-gabarits.js :

// JavaScript Document

var tinyMCETemplateList = [ 

// Nom, URL, Description

["Fiche cuisine", "/_uploads/gabarits/fiche-cuisine.html", "Gabarit pour fiche cuisine."],

["Fiche Livre", "_uploads/gabarits/fiche-livre.html", "Gabarit pour fiche livre."] ];



5 - Dépôt des fichiers sur le serveur

Déposez sous /uploads/gabarits vos fichiers
- liste-gabarits.js
- fiche-cuisine.html,
- fiche-livre.html.
- index.htlm ( à prendre en copie depuis un autre dossier)


6 - Utilisation

Il suffit d'aller dans le module (news par exemple), cliquer le l'icône "Insérer un modèle prédéfini" puis dans la nouvelle fenêtre, choisissez le gabarit dont vous avez besoin. (Fiche cuisine pour créer votre recette de tarte à la pomme, par exemple)

Et voilà !

ça vous plait ?
svp, faites le moi savoir, ça fait toujours plaisir...

PS 1 : un grand merci à montuy337513 pour son aide énorme, sur les forums de XOOPS France.

Ps 2 : ça serait sympa de proposer cela par défaut dans les prochaines version de XOOPS, sans avoir besoin d'intervenir dans les fichiers, non ?

<a href="http://creativecommons.org/licenses/by-nc-sa/2.0/fr/" title="Licence, certains droits réservés"><img src="http://www.frxoops.org/images/cdr_bouton.gif" alt="Licence, certains droits réservés" /></a>