[Résolu]TinyMCE / MicroTiny disparition de balises vierges de contenu

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#1
Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: #1.10.3
#~ Url du site :
#~ Hébergeur / Soft : ovh
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.10.3
#~ Installed Modules:
#~ CMSMailer: 2.0.2
#~ CMSPrinting: 1.0
#~ FileManager: 1.2.0
#~ MenuManager: 1.7.7
#~ ModuleManager: 1.5.3
#~ News: 2.12.3
#~ Search: 1.7
#~ ThemeManager: 1.1.4
#~ TinyMCE: 2.9.9
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template: false
#~ output_compression: false
#~ max_upload_size: 64000000
#~ default_upload_permission: 664
#~ url_rewriting: none
#~ page_extension:
#~ query_var: page
#~ image_manipulation_prog: GD
#~ auto_alias_content: true
#~ locale:
#~ default_encoding: utf-8
#~ admin_encoding: utf-8
#~ set_names: true
#~ Php Information:
#~ phpversion: 5.3.10
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ E_DEPRECATED: 8192
#~ memory_limit: 128M
#~ max_execution_time: 120
#~ output_buffering: 4096
#~ safe_mode: Off (Faux)
#~ file_uploads: On (Vrai)
#~ post_max_size: 64M
#~ upload_max_filesize: 64M
#~ session_save_path: /tmp (1777)
#~ session_use_cookies: On (Vrai)
#~ xml_function: On (Vrai)
#~ Server Information:
#~ Server Api: cgi-fcgi
#~ Server Db Type: MySQL (mysql)
#~ Server Db Version: 5.0.51a
#~ ----------------------------------------------
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~



Bonjour à tous,

Ayant toujours trouvé mon bonheur sur ce forum, je me tourne à nouveau vers vous à cause d'un phénomène désagréable.

J'ai réalisé la maquette d'un nouveau site en HTML, cette dernière étant validée j'attaque son intégration dans CMSMS.

Je suis confronté à un drôle de phénomène (peut-être connu) que je n'avais jamais rencontré jusqu'alors lié à l'utilisation de microtiny ou tinyMCe (j'ai testé avec les deux pour être sûr mais même résultat).
Mon code prévoit un effet javascript de survol des images avec effet de fondu et animation d'un d’icône au dessus de ce dernier.

Lorsque je colle le code HTML de ma maquette dans l'éditeur WYSIWYG (en mode html bien entendu) et que je valide pour envoyer la page, l'éditeur me supprime systématiquement une portion de celui-ci ce qui empêche mon effet survol jquery de fonctionner.... :/


Voici le code que j'intègre:


Code :
[== HTML ==]
<div class="media_holder">

<div class="image_frame">

<a class="_videoThumb" rel="" href="http://vimeo.com/moogaloop.swf?clip_id=36982212&amp;title=0&amp;byline=0&amp;portrait=0&amp;autoplay=0&amp;loop=0&amp;title=0&amp;byline=0&amp;portrait=0&amp;autoplay=0&amp;loop=0"></a>    <!-- lien qui active l'effet de survol -->

<div class="_hoverIcon"></div> <!-- icone animé -->

<span class="_thumb-ind">En savoir plus</span> <!-- texte animé -->

<div class="_rollover"></div> <!-- fondu -->

<img class="_original" src="images/mon_image" width="585"  height="260" alt=""/>
                    
</div>

</div>

Dés que je valide la page et que je ré ouvre, je n'ai plus que:

Code :
[== HTML ==]
<div class="media_holder">

<div class="image_frame">

<div class="_hoverIcon"></div> <!-- icone animé -->

<span class="_thumb-ind">En savoir plus</span> <!-- texte animé -->

<div class="_rollover"></div> <!-- fondu -->

<img class="_original" src="images/mon_image" width="585"  height="260" alt=""/>
                    
</div>

</div>


L'intégralité du premier lien à purement et simplement disparu.... :mad:

Code :
<a class="_videoThumb" rel="" href="http://vimeo.com/moogaloop.swf?clip_id=36982212&amp;title=0&amp;byline=0&amp;portrait=0&amp;autoplay=0&amp;loop=0&amp;title=0&amp;byline=0&amp;portrait=0&amp;autoplay=0&amp;loop=0"></a> <!-- lien qui active l'effet de survol -->

Même souci évident avec:

Code :
<div class="clear"></div>

J'ai bien compris que cela semble lié au fait que ma balise soit vierge de contenu (avec du texte entre ou un simple &nbsp; pour simuler un espace, plus de souci).
Le HTML W3C n'aime pas le vide OK, mais n'existe t'il aucun moyen de forcer le WYSIWYG à laisser le code tel que souhaité, même si la balise est vide??

Merci d'avance!
#1
Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: #1.10.3
#~ Url du site :
#~ Hébergeur / Soft : ovh
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.10.3
#~ Installed Modules:
#~ CMSMailer: 2.0.2
#~ CMSPrinting: 1.0
#~ FileManager: 1.2.0
#~ MenuManager: 1.7.7
#~ ModuleManager: 1.5.3
#~ News: 2.12.3
#~ Search: 1.7
#~ ThemeManager: 1.1.4
#~ TinyMCE: 2.9.9
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template: false
#~ output_compression: false
#~ max_upload_size: 64000000
#~ default_upload_permission: 664
#~ url_rewriting: none
#~ page_extension:
#~ query_var: page
#~ image_manipulation_prog: GD
#~ auto_alias_content: true
#~ locale:
#~ default_encoding: utf-8
#~ admin_encoding: utf-8
#~ set_names: true
#~ Php Information:
#~ phpversion: 5.3.10
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ E_DEPRECATED: 8192
#~ memory_limit: 128M
#~ max_execution_time: 120
#~ output_buffering: 4096
#~ safe_mode: Off (Faux)
#~ file_uploads: On (Vrai)
#~ post_max_size: 64M
#~ upload_max_filesize: 64M
#~ session_save_path: /tmp (1777)
#~ session_use_cookies: On (Vrai)
#~ xml_function: On (Vrai)
#~ Server Information:
#~ Server Api: cgi-fcgi
#~ Server Db Type: MySQL (mysql)
#~ Server Db Version: 5.0.51a
#~ ----------------------------------------------
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~



Bonjour à tous,

Ayant toujours trouvé mon bonheur sur ce forum, je me tourne à nouveau vers vous à cause d'un phénomène désagréable.

J'ai réalisé la maquette d'un nouveau site en HTML, cette dernière étant validée j'attaque son intégration dans CMSMS.

Je suis confronté à un drôle de phénomène (peut-être connu) que je n'avais jamais rencontré jusqu'alors lié à l'utilisation de microtiny ou tinyMCe (j'ai testé avec les deux pour être sûr mais même résultat).
Mon code prévoit un effet javascript de survol des images avec effet de fondu et animation d'un d’icône au dessus de ce dernier.

Lorsque je colle le code HTML de ma maquette dans l'éditeur WYSIWYG (en mode html bien entendu) et que je valide pour envoyer la page, l'éditeur me supprime systématiquement une portion de celui-ci ce qui empêche mon effet survol jquery de fonctionner.... :/


Voici le code que j'intègre:


Code :
[== HTML ==]
<div class="media_holder">

<div class="image_frame">

<a class="_videoThumb" rel="" href="http://vimeo.com/moogaloop.swf?clip_id=36982212&amp;title=0&amp;byline=0&amp;portrait=0&amp;autoplay=0&amp;loop=0&amp;title=0&amp;byline=0&amp;portrait=0&amp;autoplay=0&amp;loop=0"></a>    <!-- lien qui active l'effet de survol -->

<div class="_hoverIcon"></div> <!-- icone animé -->

<span class="_thumb-ind">En savoir plus</span> <!-- texte animé -->

<div class="_rollover"></div> <!-- fondu -->

<img class="_original" src="images/mon_image" width="585"  height="260" alt=""/>
                    
</div>

</div>

Dés que je valide la page et que je ré ouvre, je n'ai plus que:

Code :
[== HTML ==]
<div class="media_holder">

<div class="image_frame">

<div class="_hoverIcon"></div> <!-- icone animé -->

<span class="_thumb-ind">En savoir plus</span> <!-- texte animé -->

<div class="_rollover"></div> <!-- fondu -->

<img class="_original" src="images/mon_image" width="585"  height="260" alt=""/>
                    
</div>

</div>


L'intégralité du premier lien à purement et simplement disparu.... :mad:

Code :
<a class="_videoThumb" rel="" href="http://vimeo.com/moogaloop.swf?clip_id=36982212&amp;title=0&amp;byline=0&amp;portrait=0&amp;autoplay=0&amp;loop=0&amp;title=0&amp;byline=0&amp;portrait=0&amp;autoplay=0&amp;loop=0"></a> <!-- lien qui active l'effet de survol -->

Même souci évident avec:

Code :
<div class="clear"></div>

J'ai bien compris que cela semble lié au fait que ma balise soit vierge de contenu (avec du texte entre ou un simple &nbsp; pour simuler un espace, plus de souci).
Le HTML W3C n'aime pas le vide OK, mais n'existe t'il aucun moyen de forcer le WYSIWYG à laisser le code tel que souhaité, même si la balise est vide??

Merci d'avance!
#2
<div class="clear"></div> ne pose pas de problème avec microTiny (pour preuve, <div class="_rollover"></div> <!-- fondu -->).
Pour l'autre code, place-le dans un bloc de contenu global, puis colle la balise dans tiny : {global_content name='***'}
#2
<div class="clear"></div> ne pose pas de problème avec microTiny (pour preuve, <div class="_rollover"></div> <!-- fondu -->).
Pour l'autre code, place-le dans un bloc de contenu global, puis colle la balise dans tiny : {global_content name='***'}
#3
Merci Jean.

J'avais bien pensé au bloc de contenu, mais c'est fastidieux et non satisfaisant en terme d'ergonomie pour le client qui doit pouvoir être autonome et appliquer cet effet sans avoir besoin de maitriser toutes les finesses de CMSMS...

Dans le cas d'une galerie avec 20 à 30 items, c'est même pas envisageable! (je te l'accorde dans ce cas précis, je peux passer par un module gallery et créer un template spécifique, c'est d'ailleurs ce que je vais faire!).

Je ce que j'essaie de comprendre c'est pourquoi cette suppression dans le cas d'une balise <a href> et non pas <div>. Spécification W3C oblige? :/

Merci en tout cas pour ta réponse Jean.
#3
Merci Jean.

J'avais bien pensé au bloc de contenu, mais c'est fastidieux et non satisfaisant en terme d'ergonomie pour le client qui doit pouvoir être autonome et appliquer cet effet sans avoir besoin de maitriser toutes les finesses de CMSMS...

Dans le cas d'une galerie avec 20 à 30 items, c'est même pas envisageable! (je te l'accorde dans ce cas précis, je peux passer par un module gallery et créer un template spécifique, c'est d'ailleurs ce que je vais faire!).

Je ce que j'essaie de comprendre c'est pourquoi cette suppression dans le cas d'une balise <a href> et non pas <div>. Spécification W3C oblige? :/

Merci en tout cas pour ta réponse Jean.
#4
Demander au client de coller des urls complexes par le wysiwyg n'est certainement pas des plus ergonomiques non plus.
Voici l'explication sur la faq de Tiny : http://www.tinymce.com/wiki.php/TinyMCE_..._source.3F et la manière de laisser ouvert des éléments sans enfant : http://www.tinymce.com/wiki.php/Configur...d_elements
#4
Demander au client de coller des urls complexes par le wysiwyg n'est certainement pas des plus ergonomiques non plus.
Voici l'explication sur la faq de Tiny : http://www.tinymce.com/wiki.php/TinyMCE_..._source.3F et la manière de laisser ouvert des éléments sans enfant : http://www.tinymce.com/wiki.php/Configur...d_elements
#5
En fait d'url complexe, il s'agit juste d'un lien video dispo sur youtube ou vimeo Wink
Mais je te l'accorde, un plugin tiny d'insertion de media sera à terme une meilleure idée, faut juste que j'arrive à intégrer mon script à l'intérieur pour conserver cet effet de survol qui plait beaucoup à mon client...
Merci en tout cas pour les liens fournis, cela confirme la volonté du strict respect de la norme XHTML:
Citation :TinyMCE also tries to follow the XHTML specification as much as possible, this can cause some unexpected source changes, there are however configuration options to battle this issue, study the configuration options in details.
Bon WE à tous
#5
En fait d'url complexe, il s'agit juste d'un lien video dispo sur youtube ou vimeo Wink
Mais je te l'accorde, un plugin tiny d'insertion de media sera à terme une meilleure idée, faut juste que j'arrive à intégrer mon script à l'intérieur pour conserver cet effet de survol qui plait beaucoup à mon client...
Merci en tout cas pour les liens fournis, cela confirme la volonté du strict respect de la norme XHTML:
Citation :TinyMCE also tries to follow the XHTML specification as much as possible, this can cause some unexpected source changes, there are however configuration options to battle this issue, study the configuration options in details.
Bon WE à tous


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)