Conflit avec deux jquery sur le même textarea

Bonjour.

Ce code jquery marche tout seul avec mon textarea du formulaire, c'est CLEDITOR:
Code:

1 2 3 4 5 6 7 8 <script> $(document).ready(function() { $("textarea[name=contenu]").cleditor({ width: 900, // width not including margins, borders or padding height: 450, // height not including margins, borders or padding }); }); </script>
mais, le second code ci ne fonctionne pas à cause du premier:
Code:

1 2 3 4 5 6 7 8 9 <script> $(document).ready(function(){ $("#textarea").keyup(function(){ var currentText = $(this).val(); $(".taout").text(currentText); }); }); </script>
j'avais deux ID qui allait dans le même textarea, j'ai alors penser remplacer le premier ID par textarea[type=text] dans le premier script
et ça ne fonctionne pas plus. C'est surement un conflit avec CLeditor. Les deux script fonctionnent si je mets un ou l'autre mais pas les deux
en même temps sur le même textarea.

Y a-t-il moyen de combiner les deux jquery en un seul pour appliquer le second dans le premier?

Je suis bloqué sur ça après plusieurs heures de recherches non réussies.

Essaye ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
        $(document).ready(function() {
            $("textarea[name=contenu]").cleditor({
                width: 900, // width not including margins, borders or padding
                height: 450, // height not including margins, borders or padding
            })
            .on("keyup",function(){
                                var currentText = $(this).val();
                                $(".taout").text(currentText);
                        }); );
        });
 
</script>

Merci pour la réponse.

J'ai essayé, mais ça ne fonctionne pas. J'ai vu un ";)" de trop mais ça ne marche pas plus en supprimant..

J'ai tenté ceci:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
    <script>
                $(document).ready(function(){
                        $('textarea[id="textarea"]').keyup(function(){
                                var currentText = $(this).val();
                                $(".taout").text(currentText);
                        })
            on.cleditor({
                width: 900, 
                height: 450
            });
                });
    </script>

Mais, c'est seulement la partie keyup qui fonctionne. L'éditeur lui ne marche pas.

Code:

on.cleditor({

:koi:

la partie on.cleditor ne marche pas.

négatif:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<script>
    $(document).ready(function(){
        $('textarea[id="textarea"]').keyup(function(){
             var currentText = $(this).val();
             $(".taout").text(currentText);
        })
        on.cleditor({
            width: 900, 
            height: 450
        });
    });
</script>

oui je me doute parce que ce n'est pas du Jquery ...

Code:

1
2
3
4
5
6
7
8
9
10
 $(document).ready(function(){
        $('textarea[id="textarea"]').cleditor({
                                                         width: 900, 
                                                         height: 450
                                                       })
                                           .on('keyup', function(){
             var currentText = $(this).val();
             $(".taout").text(currentText);
         });
      });

applique d'abord le cleditor, puis le keyup

Ça ne fonctionne toujours pas.

J'ai essayé ceci:
Code:

1 2 3 4 5 6 $(document).ready(function() { var editor = $("#input").cleditor(); editor.change(function() { alert("change event"); }); });
puis ça marche mais je ne veux pas d'une notification.

J'ai changer par alert... par

Code:

$(this).css({"backgroundColor" : "blue"});

et ça ne fonctionne pas sauf pour l'éditeur lui-même.

Je me demande si ce n'est pas l'éditeur.