Personnalisation de l'aperçu

**adrien.nicolet** · 13/06/2007, 14h31

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

**xk155** · 15/06/2007, 15h32

Je veux bien t'aider, mais de quel méthode d'aperçu parles-tu ?

**adrien.nicolet** · 18/06/2007, 10h57

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!

**xk155** · 19/06/2007, 13h23

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 :

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

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 :

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

<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

**adrien.nicolet** · 20/06/2007, 12h41

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

Personnalisation de l'aperçu [CKEditor]

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager