Discussion :

[noel_kos]

Bonjour à tous

Alors le titre ne doit pas être très clair ^^ je vous explique ça va être très simple à comprendre:

J'essaie de mettre à jour le texte d'un champ textarea en ajax (la rien de très compliqué) sauf et oui il en faut bien un , c'est que mon textarea fonctionne avec un editeur du type tinymce ou ckeditor et la impossible à faire.

Je vous montre mon code:

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<script type="text/javascript">
 
	function maFonctionAjax(test)
{
  var OAjax;
  if (window.XMLHttpRequest) OAjax = new XMLHttpRequest();
  else if (window.ActiveXObject) OAjax = new ActiveXObject('Microsoft.XMLHTTP');
  OAjax.open('POST',"./2.php",true);
  OAjax.onreadystatechange = function()
  {
      if (OAjax.readyState == 4 && OAjax.status==200)
      {
          if (document.getElementById)
          {   
              if (OAjax.responseText =='true') { /* OK */
                    document.getElementById('msg').innerHTML='<font color=GREEN>'+OAjax.responseText+'</font>';
              }else{                             /* PAS OK */
                    document.getElementById('msg').innerHTML='<font color=RED>'+OAjax.responseText+'</font>';
              }
          }     
      }
  }
  OAjax.setRequestHeader('Content-type','application/x-www-form-urlencoded');
  OAjax.send('test='+test);                 
} 
</script>
 
	<script src="./ckeditor/ckeditor.js"></script>
 
<form method="post" onsubmit="maFonctionAjax(this.test.value);return false" action="">
<textarea name="test" id="test" row="51" cols="100"></textarea>
<input type="reset" name="reset" value="Reset" /><input type="submit" value="Submit" />
</form>

Mon fichier 2.php qui est appelé par ma fonction:

Code :

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

1
2
3
4
5
<?php 
if(isset($_POST['test']))      $test=$_POST['test'];
else      $test="";
?>
<textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10"><?php echo $ida; ?></textarea>

Donc en réalité mon texte dans mon champ textarea ce mais bien a jour mais impossible d'avoir l’éditeur fonctionnel, il s'affiche comme un simple champ textarea tout nu.
Je précise que si je place mon textarea dans mon premier fichier ou si je me rend directement sur la page 2 mon éditeur fonctionne, il ne fonctionne pas uniquement si je l'appel depuis une fonction ajax.

Cela me rappel un autre code ou j'appelais depuis une fonction ajax un calendrier du type Datepicker | jQuery UI est la aussi il ne fonctionner plus.
On ne peut pas appeler une page en ajax qui elle même exécute un script en javascript jquery ??

Merci de vos lumières

[NoSmoking]

Bonjour,
l'injection doit ce faire dans l'instance crée de ton éditeur via une méthode dédié de l'API.

exemple

Code :

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

1
2
3
4
5
6
// création d'une CKEditor instance
var oEditeur = CKEDITOR.replace( id);
// injecte du texte
oEditeur.insertText( 'le_texte_injecte');
// injecte du HTML
oEditeur.insertHtml( 'le_HTML_injecte' )

Pour plus de détails, il suffit de regarder la documentation officielle et tu y trouvera les méthodes

• inserText()
• insertHtml()