Titre du sujet : Customisation des gabarits/templates dans TinyMCE v4 pour XOOPS
par alain01 sur 27/11/2013 16:08:01
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"
|
