inserer un modèle prédifini dans tinymce

snypi · 21/03/2011 09:22:50

bonjour à tous je buche sur un outil de tinymce qui m'a l'air fort sympathique
inserer un modèle prédifini dans tinymce : doit permetre à des utilisateurs lambda d'inserer des bout de codes que l'on aurais prédifini (voir plusieur modèles)
exemple pour une mise en page de 3 (box) div aligné avec des styles différents cela me semble difficile pour un simple utilisateur de le réaliser

il y à un bouton prévue à cette effet dans tinymce qui est insérer un modèle prédifini mais la je buche sur la mise en oeuvre de ce bouton !!

y'a t'il quelqu'un qui l'utilise ?? avez vous des retours d'utilisation de cette outil et surtout avez vous réussi à implémenter ce bouton ??

j'ai trouver ce tuto mais je n'ai pas trouver les fichiers nécessaire pour construite des modèles
http://forum.joomla.fr/showthread.php?1 … rmat%C3%A9

question à JPG : notre tinymce de ziteplus est t'il dans sa version full ?? ou est ce une version allégé pour un chargement plus rapide ?

jpg · 21/03/2011 11:27:50

C'est un version full avec ajout de plugins supplémentaires et customisation de certains

Si tu veux utiliser ce plugins particulier, il faut que tu réalises la config pour l'utiliser en suivant les instructions des concepteurs de tinymce ...
... sinon il faudra attendre une prochaine version de ZitPLUS: cela sera implémenté par les documents, comme pour les média ou les images

a+
Jean-Paul

snypi · 21/03/2011 15:45:20

c'est à dire ??? tu prévois que l'on puisse ajouter dans les documents des scripts ou code html que l'on pourrais insérer directement dans les pages ????

et c'est prévue pour qu'elle version de ziteplus !
pour une idée tordu elle est super génial !!!!

jpg · 21/03/2011 18:02:30

Normalement, on pourra insérer un modèle au sens tinymce.
Il ne manquait pas grand chose pour mettre cette fonctionnalité dans la 0.9.1 ...
... mais ce pas grand chose est super important: les tests de sécurité
Donc normalement, bon espoir pour la 0.9.2

a+
Jean-Paul

snypi · 24/09/2011 12:10:40

salut
j'up cette petite conversation car j'ai besoins pour un projet que le client puisse insérer des divs avec leur classe
jpg à tu avancé sur cette fontion ??
sinon dans tinymce on à le plugins template qui permet cette option
néanmoins tu parle de l'adapter "tu réalises la config pour l'utiliser en suivant les instructions des concepteurs de tinymce"

que faut t'il comprendre il faut reprendre les fichier js "template.js" et autre et les réécrire pour qu'il s'adapte à ziteplus !

ou juste bien paramétrer cette outil
avec cette optique j'essaye en suivant des tutos
pour le moment en regardant les tutos tinymce pour le template il parle d'un fichier que l'on à pas de base dans ziteplus "template_list.js"
http://www.informaticien51.fr/index.php … l=&start=3
je creer donc un fichier html (div.html) à la racine du dossier template de tinymce et dans le dossier js un fichier template_list.js et y insère ce code

var tinyMCETemplateList = [// Name, URL, Description ["Simple snippet", "/tinymce/plugins/template/snippet1.htm","Simple HTML snippet."],
 ["Layout", "/tinymce/plugins/template/layout1.htm", "HTMLLayout."],
 ["div", "/tinymce/plugins/template/div.html", "HTMLLayout."] ];

mon petit souci est quand au chemin relatif des fichier html!!
et autre chose encore il faut à mon avis dans le template.js renseigner qu'on à créer ce fichier template_liste.js mais je ne sais pas où !!

si quelqu'un à une piste ou déja solutionné le problème je suis preneur
voici un lien qui montre toute les options de tinymce avec cette fontion template qui marche
http://www.tinymce.com/tryit/full.php

Dernière modification par snypi (24/09/2011 12:38:10)

snypi · 24/09/2011 12:57:03

Hourra j'ai trouver la solution !!! je partage et c'est top
créer un fichier template_liste.js dans le dossier tinymce/plugins/template/js
créer vos ficher html dans le dossier tinymce/plugins/template/
reseigner votre fichier template_liste.js avec ce code adapter le à vos fichier

var tinyMCETemplateList = [// Name, URL, Description ["Simple snippet", "/tinymce/plugins/template/snippet1.htm","Simple HTML snippet."],
 ["Layout", "/tinymce/plugins/template/layout1.htm", "HTMLLayout."],
 ["div", "/tinymce/plugins/template/div.html", "HTMLLayout."] ];

puis éditer votre fichier template.html
et y rajouter

<script type="text/javascript" src="js/template_list.js"></script>

en gros cette outil nous permet via tinymce de donné à l'utilisateur finale la possibilité d'ajouté dans une page un enchainement de code html javasript préparer par nos soin

amusez vous bien

edit : pour jpg
je pense que cette fonction devrait être mise par défault dans zite+ avec une page exemple par default
et je dès que j'ai deux minutes je ferais un tuto plus complet

Dernière modification par snypi (24/09/2011 13:31:45)

jpg · 24/09/2011 18:59:50

snypi a écrit :

edit : pour jpg
je pense que cette fonction devrait être mise par défault dans zite+ avec une page exemple par default
et je dès que j'ai deux minutes je ferais un tuto plus complet

Bonsoir
c'est en cours d'implémentation comme indiqué dans le message un peu plus haut: http://www.zitecms.org/zite/forum/viewt … 6928#p6928
a+
Jean-Paul

snypi · 24/09/2011 23:22:31

voici le petit tuto en image
personnellement j'avais besoins que les futurs utilisateur puisse designer leur mise en page sans trop de prise de tête notamment pour encadrer un "édito" ou reproduire une page complète avec une mise en forme particulière (genre une fiche produit) !!!
Mais comment faire sans passer par le code, créer des div avec une class etc ou se retaper toute la fiche produit ...
pour que le client puisse intégrer des calques avec styles préformaté ou une mise en page particulière voici la petite solution intégrer dans tinymce

dans un premier temps voici comment cela ce passe :

la personne édite une page et clique sur ce bouton "Insérer un modèle prédéfini"

puis il à le choix avec plusieurs configuration que vous lui avez aimablement préparer

le modèle apparait dans le fenêtre "Insérer un modèle prédéfini"

on applique et on retrouve le résultat dans la page !! le code html que vous avez dans votre modèle ce retrouve coller dans tinymce entre des balises <p></p>

il n'a plus qu'a modifier le texte pour faire sa page !!

********* pour visualiser vos style css dans vos page suivez le tuto épinglé de stefpei pour intégrer le css à tinymce************

nickel mais comment qu'on fait ??

créer vos ficher html dans le dossier tinymce/plugins/template/

exemple de mon block1.html

<div class="block1">
<h1>titre</h1>
<p>texte</p>
<ul>
<li><a href="#">liste a puce</a></li>
<li><a href="#">liste a puce 2</a></li>
</ul>
</div>

éditer le fichier template.htm du dossier tinymce/plugins/template/ et inserer le code

<script type="text/javascript" src="js/template_list.js"></script>

puis créer un fichier template_liste.js dans le dossier tinymce/plugins/template/js

et éditer le! et rajouter le code comme ceci vous pouvez mettre autant de ligne que vous avez de fichier html créer

  var tinyMCETemplateList = [// Name, URL, Description ["Simple snippet", "tinymce/plugins/template/snippet1.htm","Simple HTML snippet."],
 ["encadrement coter type 1", "tinymce/plugins/template/block1.html", "HTMLLayout."],
 ["encadrement coter type 2", "tinymce/plugins/template/block2.html", "HTMLLayout."],
 ["encadrer", "tinymce/plugins/template/encadrer.html", "HTMLLayout."],
 ["affichage 3 collonne", "tinymce/plugins/template/3collonne.html", "HTMLLayout."] ];

tester que sous firefox, chrome, internet explorer 8 !! amuser vous bien !

ps : si quelque chose ne vous parait pas claire faite moi un retour que j'améliore le tuto
ps2 : pour info j'ai essayé de rajouter des codes php genre module mais j'ai pas réussi

Dernière modification par snypi (27/09/2011 09:10:12)

Forum ZitePLUS

#1 21/03/2011 09:22:50

inserer un modèle prédifini dans tinymce

#2 21/03/2011 11:27:50

Re : inserer un modèle prédifini dans tinymce

#3 21/03/2011 15:45:20

Re : inserer un modèle prédifini dans tinymce

#4 21/03/2011 18:02:30

Re : inserer un modèle prédifini dans tinymce

#5 24/09/2011 12:10:40

Re : inserer un modèle prédifini dans tinymce

#6 24/09/2011 12:57:03

Re : inserer un modèle prédifini dans tinymce

#7 24/09/2011 18:59:50

Re : inserer un modèle prédifini dans tinymce

#8 24/09/2011 23:22:31

Re : inserer un modèle prédifini dans tinymce

Pied de page des forums