Discussion :

[ymajoros]

Bonjour,

J'ai une page jsf 2 qui pemert d'éditer des descriptions de cours.

Un selectOneRadio permet de choisir la langue. Via f:ajax, les différents champs décrivant le cours sont chargés quand on change de langue.

J'ai jusqu'ici divers TextArea. On nous demande de pouvoir éditer du texte riche.

Nous avons fait un composant composite (quel beau nom :-) ) appelé <epc:richtext /> . Jusqu'ici, son implémentation était un textarea, et j'espérais l'enrichir via CkEditor (ou autre).

J'ai pu remplacer les textarea affichés initialement. Problème : dès que l'appel ajax est fait, les textarea disparaîssent :-(

Qui peut m'aider ?

[ymajoros]

Trouvé ! J'ai changé mon implémentation pour supprimer l'ancienne instance de CKEDITOR. Si ça intéresse quelqu'un, voici le code complet du composant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<composite:interface>
    <composite:attribute name="value" type="java.lang.String" required="true"/>
    <composite:attribute name="editable" type="java.lang.Boolean" default="true"/>
</composite:interface>
 
<composite:implementation>
    <h:inputTextarea id="richtext" styleClass="richtext" value="#{cc.attrs.value}" disabled="#{!cc.attrs.editable}" cols="80" rows="5"/>
    <h:outputScript>
        if (CKEDITOR.instances['editionForm:#{cc.id}:richtext']) {
            CKEDITOR.remove(CKEDITOR.instances['editionForm:#{cc.id}:richtext']);
        }
        CKEDITOR.replace('editionForm:#{cc.id}:richtext',
        {
            toolbar : 'Basic',
        });
    </h:outputScript>
</composite:implementation>

Nécessite juste ceci dans l'entête de la page, je l'ai mis dans mon template principal :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<h:outputScript name="/ckeditor/ckeditor.js"/>

Utilisation :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<epc:richtext value="#{controller.sometext}" />