Fork me on GitHub






alain01
Customisation des gabarits/templates dans TinyMCE v4 pour XOOPS
#1
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 4051
Vous venez d'installer TinyMCE v4 pour XOOPS, le super éditeur, (lire ceci),
vous avez customisé l'apparence de votre barre d'outils (lire ceci)

Maintenant, vous voulez utiliser des modèles (gabarits, templates), ce sujet est alors pour vous !

Utilisation par l'exemple :
vous voulez créer des fiches détaillées pour les films que vous avez visionnés. Vous souhaitez avoir systématiquement la même présentation pour vos fiches !
Alors utilisez les "templates" dans la barre d'outils TinyMCE pour XOOPS.

Par défaut, j'ai posé 2 templates utilisables tout de suite.
CLiquez sur le bouton template, choisissez le template "fiche video" et validez. Il ne reste plus qu'a renseigner votre fiche et c'est fini.


Customisation de vos templates : (création d'une "Fiche cuisine")

0 - Allez faire un tour dans le dossier /uploads/filemanager/templates...

1 - Copier le dossier "template-video" en "template-cuisine"

2 - Renomez le fichier /uploads/filemanager/templates/template-cuisine/video.html en cuisine.html

3 - Editez le fichier /uploads/filemanager/templates/template-cuisine/cuisine.html et adaptez-le à votre besoin (ingrédients, temps de cuisson...)

4 - Editez le fichier /uploads/filemanager/templates/liste-templates.js
// Liste templates files for TinyMCE
// title: 'xxx', description: 'yyy', content: 'zzz'} 

    templates = [ 
         {
            title: 'Simple template',
            description: 'Use this simple template to build a uniform page',
            url: '/uploads/filemanager/templates/template-simple.html'
        },
        {
            title: 'Video template',
            description: 'Use this template to build a Video page',
            url: '/uploads/filemanager/templates/template-video/video.html'
        }
    ]
Ajoutez-y votre template
// Liste templates files for TinyMCE
// title: 'xxx', description: 'yyy', content: 'zzz'} 

    templates = [ 
         {
            title: 'Simple template',
            description: 'Use this simple template to build a uniform page',
            url: '/uploads/filemanager/templates/template-simple.html'
        },
        {
            title: 'Video template',
            description: 'Use this template to build a Video page',
            url: '/uploads/filemanager/templates/template-video/video.html'
        },
        {
            title: 'Fiche cuisine',
            description: 'Utilisation de la fiche cuisine',
            url: '/uploads/filemanager/templates/template-cuisine/cuisine.html'
        }
    ]


5 - Videz le cache de votre navigateur (obligatoire pour voir apparaitre les changements)

6 - Utilisez maintenant votre nouveau template "fiche cuisine"

Posté le : 27/11/2013 16:08

Open in new window
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

50 Personne(s) en ligne (45 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 50 | Plus ...