Forum Ametys

Sambo

Guest

Registered: 10/03/2014

Posts: 16

Mise en place d'un style personnalisé : balise <blockquote>

Bonjour,
Je souhaiterais rajouter un style personnalisé qui entour un contenu riche d'une balise <blockquote> comme suit:

<blockquote>
   <img src="images/img5.png" alt="img">
   <p>Mon texte 1</p>
   <h4>Mon texte2</h4>
   <p>Mon texte 3</p>
</blockquote>

J'ai définit dans le fichier edition-styles.xml de ma skin le style personnalisé suivant :

<styles>
    <para>
        <import>
            <button>css/bo/buttons.css</button>
            <inline-editor>css/styles.css</inline-editor>
        </import>
        <style>
            <button>
                <label i18n="true">SKIN_BO_EDITOR_STYLES_PARA_BLOCKQUOTE_LABEL</label>
                <description i18n="true">SKIN_BO_EDITOR_STYLES_PARA_BLOCKQUOTE_DESCRIPTION</description>
                <cssclass>online-editor</cssclass>
            </button>
            <inline-editor>blockquote</inline-editor>
        </style>
    </para>
...

2 problèmes se posent:

1/ Lorsque j'édite un contenu et que sélectionne plusieurs paragraphes sans l'éditeur riche en appliquant le style, chaque élément de contenu est entouré de balises <blockquote>, or je souhaiterais n'en avoir qu'une seule qui englobe l'ensemble:

<blockquote class=""><p id="ext-gen3538">&nbsp;mon texte 1</p></blockquote>
<blockquote class=""><h4 id="ext-gen3539">&nbsp;mon texte 2</h4></blockquote>
<blockquote class=""><p id="ext-gen3540">&nbsp;mon texte 3</p></blockquote>

2/ Si je sauvegarde le contenu, je ne retrouve plus mes éléments, ils ont été remplacés par:

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

Raphaël Franchet

Expert Team

From: Toulouse

Registered: 10/08/2010

Posts: 1,111

Re: Mise en place d'un style personnalisé : balise <blockquote>

Bonjour,

concernant le problème JS il va être extrêmement difficile à corriger. Pour le moment nous ne proposons pas de telle balise par défaut car elle a ce genre de problème, et pour obtenir un comportement par défaut satisfaisant à 100% il y a deux ou trois problèmes techniques sévères à passer. Du coup pas trop de solution à vous proposer.

côté serveur, il faut se souvenir qu'Ametys converti votre html d'édition en docbook à la sauvegarde et inversement à l'édition et la visualisation. Il faut donc ajouter les instructions qui vont bien dans des xsls htmleditor2docbook.xsl, docbook2html.xsl et docbook2htmleditor.xsl de votre charte graphique. (à mettre dans skins/MASKIN/stylesheets/io avec comme première instruction l'import de la XSL par défaut du noyau : comme par exemple <xsl:import href="plugin:web://stylesheets/io/docbook2html.xsl"/> ). à défaut, toute balise racine est convertie en <p> et les <p> imbriqués éliminés.
voici celles par défaut pour le CMS  et les quelques petites surcharges du web

---

Raphael Franchet
Expert Ametys