fckeditor et evenemement ->ajax

**foutucode** · 08/10/2009, 09h58

Bonjour

on ne présente plus fck editor, il permet d'insérer un petit éditeur html à la place de nos textarea

mais j'essaye desauvegarder ce que j'y tape à la volée dans une base de donnée et plouf; ça ne marche pas
pour sipmlifier la question, nous dirons que je veux ouvrir une fenêtre d'alert à chaque fois qu'il y a un changement dans le textarea

et la plouf, ça marche pas

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
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
<script type="text/javascript">
window.onload = function()
{
var oFCKeditor1 = new FCKeditor( 'texto' ) ;
oFCKeditor1.ToolbarSet = 'MaToolbar' ;
oFCKeditor1.BasePath = "fckeditor/" ;
oFCKeditor1.ReplaceTextarea() ;
 
 
} </script>
</head>
 
<body>
<form id="toto" name="toto">
<textarea name="texto" id="texto" cols="25" rows="5" onchange="alert(this.value)"></textarea>
 
</form>

merci de votre aide

**gwyohm** · 08/10/2009, 11h37

Salut,

Quand l'editeur se dessine, il masque la textarea et dessine au moyen d'une iframe l'editeur. Resultat, le onchange n'est plus lancé puisque tu ne modifies pas le textarea...

La solution qui me vient à l'esprit, c'est donc de récupérer régulièrement le contenu de l'éditeur, de le comparer à la dernière version traitée et si ca a changé, de faire ton traitement... avec toutes les contraintes que ca impose (traitement alors que l'utilisateur est entrain de taper du texte, pas de traitement lors de la sortie de l'editeur...)

**foutucode** · 08/10/2009, 11h42

ok mais comment

a force de glaner des infos sur les forum

j'en suis arrivé à un script qui me permet de savoir quand il y a un changement

mais je ne sais pas récupérer la valeur du changement

une idée

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 function FCKeditor_OnComplete( editorInstance ) {
    if (document.all) {      
    // IE
        editorInstance.EditorDocument.attachEvent("onkeyup", my_function) ;
    } else {
       // other browser
       editorInstance.EditorDocument.addEventListener( 'keyup', my_function, true ) ;
    }   
}
 
function my_function(){alert( "comment récupérer la valeur saisie")}

**gwyohm** · 08/10/2009, 11h53

Tu y étais presque !

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
 function FCKeditor_OnComplete( editorInstance ) {
    if (document.all) {      
    // IE
        editorInstance.EditorDocument.attachEvent("onkeyup", function() {
          my_function(editorInstance);
        }) ;
    } else {
       // other browser
       editorInstance.EditorDocument.addEventListener( 'keyup',  function() {
          my_function(editorInstance);
        }, true ) ;
    }   
}
 
function my_function(fckInstance){alert( fckInstance.GetHTML())}

Mais le récupérer à chaque fois qu'un caractère est tapé n'est pas suffisant : si tu selectionnes du texte et clique sur le bouton gras...

**foutucode** · 08/10/2009, 11h59

cool ça marche

merci bcp gwyohm et vous tous

mais effectivement ça ne prend pas click sur icône
je cherche de mon coté si vous avez une idée

**foutucode** · 08/10/2009, 13h45

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
 function FCKeditor_OnComplete( editorInstance ) {
    if (document.all) {      
    // IE
        editorInstance.EditorDocument.attachEvent("onSelectionChange", function() {
          my_function(editorInstance);
        }) ;
    } else {
       // other browser
       editorInstance.EditorDocument.addEventListener( 'selectionChange',  function() {
          my_function(editorInstance);
        }, true ) ;
    }   
}
 
function my_function(fckInstance){alert( fckInstance.GetHTML())}

c'est un peu gourmand en ressource mais ça arche

sinon on a le onblur

une autre question pour la route si je voulais récupérer dybamiquement le nom du textarea qui a été remplace

je devrais faire quoi fckInstance.quoi????