fckeditor et evenemement ->ajax

Version imprimable

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:

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

08/10/2009, 11h37
gwyohm

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...)
08/10/2009, 11h41
Bovino

:roll:
Ne crois pas que fckEditor transforme ton textearea par un coup de baguette magique :)

Citation:

Now, using the CKEditor JavaScript API, we "replace" the plain textarea with an editor instance.

Le onchange sur le textarea ne sert à rien puisque le textearea n'existe plus.

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:

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")}

Tu y étais presque !

Code:

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...

08/10/2009, 11h59
foutucode

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

Code:

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????

08/10/2009, 13h57
gwyohm

Code:

editorInstance.LinkedField

Ca te renvoie le textarea, pas son nom...
08/10/2009, 14h46
foutucode

Code:

oFCKeditor1.LinkedField.name

parfait , merci bcp, et bravo