Personnalisation de l'aperçu

Version imprimable

13/06/2007, 14h31
adrien.nicolet

Personnalisation de l'aperçu

Bonjour à tous,

Dans FCK Editor, il est facile d'afficher un aperçu de la page en cours d'édition.
Mais est-il possible de personnaliser l'aperçu généré par FCK Editor?
Par exemple en ajoutant un "cadre" autour de cet aperçu, pour qu'il ressemble au résultat finale?

Merci pour votre aide!

Adrien
15/06/2007, 15h32
xk155

Je veux bien t'aider, mais de quel méthode d'aperçu parles-tu ?
18/06/2007, 10h57
adrien.nicolet

Je parle de la page qui s'affiche lorsqu'on clique sur le bouton d'aperçu.
Sur la démo (http://www.fckeditor.net/demo), 4e bouton en partant de la gauche.
Une page blanche est générée avec le contenu de l'éditeur. Ce que je cherche à faire est de mettre un "cadre" à cette page, pour que l'utilisateur qui demande un aperçu puisse voir ce qu'il a écrit dans le cadre qui sera utilisé par la suite.

C'est un peu plus clair comme ça?

En tous cas merci!

Ok, je comprends mieux...

Alors voici ce que je te propose : utilise l'API FCKeditor et fais ton propre bouton de visualisation.

Dans le <head></head> :
Code:

1 2 3 4 5 6 7 8 9 <script language="javascript" type="text/javascript"> function visualiser() { var oEditor = FCKeditorAPI.GetInstance('contenu') ; var maVisue = window.open("about:blank","maVisue"); maVisue.document.write("<p>Mon code AVANT</p>"); maVisue.document.write("<div style=\"margin:100px;border:5px solid red;\">" + oEditor.GetXHTML() + "</div>"); maVisue.document.write("<p>Mon code APRES</p>"); } </script>
Aprés l'appel FCKeditor normal, tu peux ajouter un bouton par exemple :

Code:

<input type="button" name="btVisue" value="Visualiser" onClick="visualiser()" />

Le paramètre de FCKeditorAPI.GetInstance est l'identifiant du "champ" FCKeditor que tu souhaite visualiser.

J'espère que ça t'aidera :)

20/06/2007, 12h41
adrien.nicolet

Merci beaucoup pour ta réponse!

C'est super tout fonctionne!

Ce n'est pas comme ça que j'imaginais la chose au début.
J'aurai voulu ajouter du code dans la méthode de prévisualisation par défaut, mais c'est très bien comme ça aussi...

Encore merci

Adrien