Comment afficher du code HTML dans une page du site?

zorgol · 31/01/2009 20:47:40

Bonjour, je suis un nouvel utilisateur de zite que je trouve super pratique pour apprendre le HTML et le reste.
Par exemple, j'essaye de visualiser un fichier au format FLV dans une page et je souhaitais afficher le code dans une autre page pour montrer comment je fais. J'ai utilisé la balise textarea pour intégrer mon code dans la page mais le résultat s'affiche dans une toute petite fenêtre
http://s147752339.onlinehome.fr/ziteplus/index.php?z=8

<textarea>
<html>
<head>
<title>Ma vidéo</title>
</head>
<body>
<noembed>
<object style="width:320px;height:260px">
  <param name="movie" value="http://le_chemin_qui_va_bien
/player.swf?file=http//le_chemin_qui_va_bien/monfichier.flv" />
  <param name="quality" value="high" />
</object> 
</noembed>
<embed  width="320" height="260"  src="http://le_chemin_qui_va_bien/player.swf?file=http://le_chemin_qui_va_bien/monfichier.flv" quality="high" type="application/x-shockwave-flash" />
</body>
</html>
</textarea>

il ya peut-être plus simple pour afficher du FLV, mais apparament ça fonctionne.
Comment faire pour afficher le code dans une grande fenêtre avec éventuellement les ascenseur?

Dernière modification par zorgol (01/02/2009 12:36:31)

jpg · 31/01/2009 22:45:00

Il est possible de fixer la hauteur et largeur de la fenêtre du textearea.
Par exemple
<textarea cols="40" rows="20">
La gestion de l'ascenseur sera automatique si tu définis une fenêtre trop petite.

zorgol a écrit :

Bonjour, je suis un nouvel utilisateur de zite que je trouve super pratique pour apprendre le HTML et le reste.
Par exemple, j'essaye de visualiser un fichier au format FLV dans une page et je souhaitais afficher le code dans une autre page pour montrer comment je fais. J'ai utilisé la balise textarea pour intégrer mon code dans la page mais le résultat s'affiche dans une toute petite fenêtre
http://s147752339.onlinehome.fr/ziteplus/index.php?z=7
<textarea>
<html>
<head>
<title>Ma vidéo</title>
</head>
<body>
<noembed>
<object style="width:320px;height:260px">
  <param name="movie" value="http://le_chemin_qui_va_bien
/player.swf?file=http//le_chemin_qui_va_bien/monfichier.flv" />
  <param name="quality" value="high" />
</object> 
</noembed>
<embed  width="320" height="260"  src="http://le_chemin_qui_va_bien/player.swf?file=http://le_chemin_qui_va_bien/monfichier.flv" quality="high" type="application/x-shockwave-flash" />
</body>
</html>
</textarea>
il ya peut-être plus simple pour afficher du FLV, mais apparament ça fonctionne.
Comment faire pour afficher le code dans une grande fenêtre avec éventuellement les ascenseur?

zorgol · 31/01/2009 22:45:48

J'ai trouvé la réponse à ma question dans le manuel HTML de base

<textarea rows=20 COLS=60>

Il ne me reste donc plus qu'a savoir si c'est la bonne méthode pour intégrer ce type de fichier, ça paraît un peu tordu car il suffirait de les convertir eu format swf pour pouvoir les utiliser sans peine grace à TnyMCE mais je voulais tester...

zorgol · 01/02/2009 12:35:06

Une question complémentaire: quand on a défini une page du site en éditant le code source il vaut mieux éviter de cliquer sur la fonction EDITER et n'utiliser que l'édition du code source pour faire des modifications.
Serait-il possible des désactiver la fonction EDITER uniquement pour certaines pages du site?

Igrec · 02/02/2009 18:13:33

je ne sais pas si je réponds à ta question mais il me semble qu'il est plus simple d'encadrer ton code HTML entre les deux balises faites pour ça :
<pre>
.
.ici ton code
.
.
</pre>
ou alors
<code>
*
*
*i
*
</code>
voir le site : http://a-pellegrini.developpez.com/tuto … ml/#L5.2.4

cordialement,
Yves

zorgol · 02/02/2009 19:29:55

Merci Igrec pour ta réponse, le lien que tu me donne me sera utile.
La balise <code> </code> est effectivement utile pour afficher du code dans une page HTML mais le problème ici est que dans zite nous avons 2 modes d'édition d'une page du site: soit on utilise l'éditeur TinyMCE qui a l'avantage d'être un éditeur de type traitement de texte PC à la mode WISIWIG, c'est très pratique quand on ne veut pas apprende le HTML pour saisir du texte, dans ce cas le texte tapé est converti en code HTML par l'outil TinyMCE, l'autre possibilité consiste à éditer le source et à y coller du code HTML qu'on aura élaboré avec son éditeur HTML préféré.
Les ennuis commencent quant on veut mixer les deux outils, dans mon exemple je commence par taper du texte pour expliquer un exemple de code, je suis à ce moment dans l'éditeur TinyMCEn ensuite j'edite le source de la page et je viens coller le code en question en prenant soin de l'encadrer avec les balises <textarea> pour qu'il ne soit pas interprété.
Dès cet instant il est très important de ne plus utiliser l'éditeur TinyMCE sinon il réencode le tout et c'est foutu, d'où ma question du comment deactiver la fonction EDITEUR, (par exempel en plaçant une balise au début du texte) pour éviter ce piège.

Igrec · 02/02/2009 20:13:54

ton info est utile ! en fait, je préfère personnellement taper mon code avec un éditeur genre word, puis ensuite le reprendre avec Notepad++ pour le passer en HTML! en fait c'est peut être un peu plus long, mais je n'ai pas de souci !
cordialement,
Yves

zorgol · 02/02/2009 21:42:53

Ok Igrec to aproche est valable si celui qui rédige des pages sur le site est familier avec le HTML, mais dans mon optique ce qui me plait bien dans zite c'est la possibilité de gérer le site soit en admin soit en user. Cette possibilté est très pratique pour mettre un site à disposition d'une asociation où le redacteur des pages du site ne sera pas forcément un adepte du HTML et dans ce cas l'éditeur TinyMCE est super.
Cela veut dire aussi que les pages plus techniques conçues en pur HTML ne doivent pas être modifiables par le user. Cela est prévu par le module d'admin, donc c'est parfait!

Dernière modification par zorgol (02/02/2009 21:44:44)

jpg · 03/02/2009 00:07:45

zorgol a écrit :

Les ennuis commencent quant on veut mixer les deux outils, dans mon exemple je commence par taper du texte pour expliquer un exemple de code, je suis à ce moment dans l'éditeur TinyMCEn ensuite j'edite le source de la page et je viens coller le code en question en prenant soin de l'encadrer avec les balises <textarea> pour qu'il ne soit pas interprété.
Dès cet instant il est très important de ne plus utiliser l'éditeur TinyMCE sinon il réencode le tout et c'est foutu, d'où ma question du comment deactiver la fonction EDITEUR, (par exempel en plaçant une balise au début du texte) pour éviter ce piège.

Peut-être une piste à suivre ici:
http://wiki.moxiecode.com/index.php/Tin … oneditable
J'ai pas testé, mais si cela fonctionne, cela devrait permettre d'empêcher Tinymce de modifier un bout de code inséré à la main et donc de continuer à pouvoir utiliser l'éditeur vysiwyg.

zorgol · 03/02/2009 01:27:54

c'est parti pour le test, voici donc le code que j'ai testé, voir ici-->http://sylvaine-gerard-galea.net/index.php?z=18

<p class="mceNonEditable">  
<table border="1">  
<tbody> 
<tr>  
<td>    
<!-- code compteur
-- fin code -->    
</td> 
</tr>
</tbody>
</table>
</p>
<br>
<p class="mceNonEditable">
<textarea rows=10 COLS=25>
<p class="mceNonEditable">
<table border="1">
<tr>
<td>
contenu code compteur
</td>
</tr>
</table>
</p>
</textarea>
</p>

ça a l'air de bien fonctionner pour le code du compteur qui n'est pas altérer si je passe en mode éditeur TinyMCE mais ma tentative d'insérer le code en dessous est systématiquement modifiée à chaque édition. Je n'ai pas encore tout compris.

Dernière modification par zorgol (03/02/2009 01:57:57)

piemchien · 15/06/2009 18:14:17

Bonjour,

Peut-être une piste à suivre ici:
http://wiki.moxiecode.com/index.php/Tin oneditable
J'ai pas testé, mais si cela fonctionne, cela devrait permettre d'empêcher Tinymce de modifier un bout de code inséré à la main et donc de continuer à pouvoir utiliser l'éditeur vysiwyg.

Intéressant ça, à tester.

Pierre

snypi · 26/03/2010 01:45:31

j'up ce sujet qui date savoir si des personnes on réussi à trouver une solution à ce problème??
j'ai des balises <objet> qui s'efface à chaque modification de la page via tinymce et <p class="mceNonEditable"> n'a pas l'air de fonctionné ou je l'utilise mal !

michael79 · 26/03/2010 02:28:46

snypi a écrit :

j'up ce sujet qui date savoir si des personnes on réussi à trouver une solution à ce problème??
j'ai des balises <objet> qui s'efface à chaque modification de la page via tinymce et <p class="mceNonEditable"> n'a pas l'air de fonctionné ou je l'utilise mal !

Bonjour,

C'est justement une des raisons qui m'ont fait pencher vers CKEditor. TinyMCE modifie trop
le code HTML et supprime les balises qu'il ne comprend pas! Encore un peu de patience,
le greffon CKEditor est presque prêt.

Voir du côté de la configuration TinyMCE, on peut autoriser des balises supplémentaires.
Modifer tinymce.php, la ligne avec extended_valid_elements

a+

Michael

Forum ZitePLUS

#1 31/01/2009 20:47:40

Comment afficher du code HTML dans une page du site?

#2 31/01/2009 22:45:00

Re : Comment afficher du code HTML dans une page du site?

#3 31/01/2009 22:45:48

Re : Comment afficher du code HTML dans une page du site?

#4 01/02/2009 12:35:06

Re : Comment afficher du code HTML dans une page du site?

#5 02/02/2009 18:13:33

Re : Comment afficher du code HTML dans une page du site?

#6 02/02/2009 19:29:55

Re : Comment afficher du code HTML dans une page du site?

#7 02/02/2009 20:13:54

Re : Comment afficher du code HTML dans une page du site?

#8 02/02/2009 21:42:53

Re : Comment afficher du code HTML dans une page du site?

#9 03/02/2009 00:07:45

Re : Comment afficher du code HTML dans une page du site?

#10 03/02/2009 01:27:54

Re : Comment afficher du code HTML dans une page du site?

#11 15/06/2009 18:14:17

Re : Comment afficher du code HTML dans une page du site?

#12 26/03/2010 01:45:31

Re : Comment afficher du code HTML dans une page du site?

#13 26/03/2010 02:28:46

Re : Comment afficher du code HTML dans une page du site?

Pied de page des forums