Discussion :

[Gyl59]

Bonjour,

j'essaye d'utiliser FCKeditor pour un module d'aministration de mon site. La page que je développe est entièrement en AJAX, c'est pourquoi je souhaite récupérer le contenu de ma zone fckeditor grâce à une expression de type document.getElementById('description').value pour pouvoir faire ensuite mes traitements et autres vérification.

Je vous donne les parties de codes que j'ai mis en place ainsi que le code source que j'obtiens dans ma page.

Code :

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

1
2
3
4
5
<?php 
$output = 'description';
$$output = '';
include 'fckeditor/index.php';
?>

de cette partie de code, j'obtiens bien ma textarea avec les éléments fckeditor.
Le code source que j'obtiens est le suivant :

Code :

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

1
2
3
4
5
6
<div>
<input type="hidden" id="description" name="description" value="" />
<input type="hidden" id="description___Config" value="" />
<iframe id="description___Frame" src="fckeditor/editor/fckeditor.html?InstanceName=description&amp;Toolbar=Default" width="100%" height="350" frameborder="no" scrolling="no">
</iframe>
</div>

Evidement je n'obtiens rien dans document.getElementById('description').value car le input qui précède l'iframe est vide.
J'ai bien vu que je pouvais au rechargement de page récupérer la valeur de "description" dans $_POST['description'], mais comme je le disais je ne souhaite pas recharger la page. Je me sers uniquement des champs et je n'ai pas de balise form car ce n'est pas forcément utilse dans ce cas.
Si quelqu'un a une idée sur la manière de récupérer cette partie sans recharger la page je suis preneur.

[Djakisback]

Salut,
dans ta fonction que t'appellera sur le onClick d'un bouton, il faut que t'envoies le contenu du body de l'iframe, t'as plus besoin des input text :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script>
function process() {
// ...	initialisation etc		
xhr.open("POST", "traitement.php", true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
xhr.send("description=" + document.getElementById("description___Frame").body.innerHTML);
//...
}
</script>
 
<input type="Button" value="Ok" onClick="process();">

Je suis pas sur que des input sans form ca soit valide W3C. Si c'est pas le cas tu peux quand même créer un formulaire, avec un return false; dans le onSubmit.

[haltabush]

Sinon une dizaine de posts en dessous, c'est peut-être un peu plus propre comme solution :

Code :

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

1
2
3
 
var oEditor = FCKeditorAPI.GetInstance("nom_de_l_instance") ;
var content = oEditor.GetHTML() ;

[Djakisback]

Sinon une dizaine de posts en dessous, c'est peut-être un peu plus propre comme solution :

Code :

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

1
2
3
 
var oEditor = FCKeditorAPI.GetInstance("nom_de_l_instance") ;
var content = oEditor.GetHTML() ;

Effectivement ^^