Forum Ametys

Sambo

Guest

Registered: 10/03/2014

Posts: 16

html expert

Bonjour,

Lorsqu'on insère un code HTML en mode HTML expert dans un contenu, ce code HTML est entouré de balises paragraphe vides:

<p>            </p>
CODE HTML EXPERT... 
<p></p>

est-il possible d'empêcher ce comportement natif afin de ne pas avoir ces balises parasites?

Raphaël Franchet

Expert Team

From: Toulouse

Registered: 10/08/2010

Posts: 1,111

Re: html expert

Bonjour,

Je ne pense pas que ce soit facile à faire, car l'éditeur en ligne est réglé pour que les balises racines soient des paragraphes.
Du coup, les pastilles HTMLExpert prennent place dans ces paragraphes et peuvent être entouré de texte avant ou après : ce ne sont pas des blocs.

Pour les TOC (table of content), un autre bouton de l'éditeur, nous avons contourné cette difficulté de la manière suivante :
1) dans l'éditeur surveiller que le TOC est seul dans son paragraphe.
2) dans la XSL de conversion docbook, sortir le TOC de son paragraphe.

Mais c'est un peu compliqué à mettre en oeuvre et surtout cela s'appliquerait par défaut à tous les HTMLExperts.
Je vous invite à ouvrir une demande d'évolution dans le JIRA  (en anglais) pour proposer l'ajoute d'une option sur les HTMLExperts pour les mettre en caractère ou en bloc dans le flux HTML.

De votre coté le plus simple est encore de traiter ça en javascript si vous en avez la possibilité.
Ou en XSL dans le rendu skins/MASKIN/stylesheets/io/docbook2html.xsl de surcharger la conversion de la balise <para> en <p> pour la rendre inopérante si le <para> ne contient qu'un seul fils qui est le htmlexpert. C'est peut-être le mieux.

Quel genre de code voulez-vous y mettre ?

---

Raphael Franchet
Expert Ametys

Sambo

Guest

Registered: 10/03/2014

Posts: 16

Re: html expert

Merci pour votre réponse.
Voici un exemple de code :

<p>            </p>
<div class="mosaique">
                <div class="mosaique-first">
                    <div class="first-block">

                        <div class="item-a blocksalaries color-1">
                            <a href="#" title="">&#160;</a>
                            <i class="icons-salarie1">&#160;</i>
                            <h3>Salariés</h3>
                        </div>
                    </div>
                </div>
                <div class="mosaique-second">
                    <div class="second-block">

                        <div class="item-a blockentreprise color-4">
                            <a href="#" title="">&#160;</a>
                            <i class="icons-flag1">&#160;</i>
                            <h3>Entreprise</h3>
                        </div>
                        <!-- Jeunes actifs -->
                        <div class="item-a jeunesactifs color-3">
                            <a href="#" title="">&#160;</a>
                            <i class="icons-headphone">&#160;</i>
                            <h3>Jeunes actifs</h3>
                        </div>

                        <div class="item-a partenaires color-7">
                            <a href="#" title="">&#160;</a>
                            <i class="icons-partner1">&#160;</i>
                            <h3>Jeunes actifs</h3>
                        </div>
                    </div>
                </div>
            </div>
<p></p>