Récupérer la valeur de textarea du CodMirror

Version imprimable

20/03/2017, 23h22
chemsoun

Récupérer la valeur de textarea du CodMirror
j'ai créer un éditeur avec CodeMirror, mon problème c'est que je n'arrive pas à récupérer la valeur entrée dans l'éditeur.

voici le code que j'ai essayé pour le moment
Code:

1 2 3 4 5 var editor = CodeMirror.fromTextArea(document.getElementById('editor'), { lineNumbers :true, indentUnit: 4, matchBrackets: true });
et je récupère l avaleur comme suit

Code:

var editor_value = editor.getValue();

l'erreur qui s'affiche c'est

Citation:

TypeError: editor.getValue is not a function

Bonsoir,

Ma question est bête, sans doute, mais je préfère la poser tout de même. J'ai voulu faire un test de codeMirror, afin d'étudier votre question, mais j'obtiens une page vide. Qu'est-ce qui cloche dans ce que j'ai écrit?
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="codemirror/lib/codemirror.js"></script> <link rel="stylesheet" href="codemirror/lib/codemirror.css"> <script src="codemirror/mode/javascript/javascript.js"></script> <script> var myCodeMirror = CodeMirror(document.body); </script> </head> <body> </body> </html>

21/03/2017, 18h38
NoSmoking

Bonjour,

@eleydet : document.body n'existe pas encore au moment où tu l'utilises.

@chemsoun : ton problème doit être identique.
21/03/2017, 19h47
eleydet

Bonsoir,

Merci NoSmoking. Depuis le temps que je programme, je ne devrais plus commettre cette erreur...

J'ai donc testé. Il ne s'agit pas d'un simple "textarea". L'application ajoute toutes sortes d'éléments en plus. Il faut donc utiliser une des fonctions de la bibliothèque. Laquelle? Voir la documentation. editor.getValue() ne semble pas fonctionner.
21/03/2017, 20h39
chemsoun

Bonsoir

merci pour vos réponses, j'ai même essayer avec

Code:

setValue()

et j'ai le même erreur disant que ce n'est pas une fonction, ça semble qu'il y a un problème dans la bibliothèque non ?
21/03/2017, 21h51
Beginner.

Salut,

C'est bien la méthode editor.getValue() qu'il faut utiliser apparemment et eleydet a raison l'application ajoute beaucoup de choses à la textearea, dans l'exemple ci-dessous il y a les numéros de ligne, la coloration syntaxique, l'indentation...

J'ai fait un test ici : http://jsbin.com/golememozu/1/edit?html,output
21/03/2017, 22h55
chemsoun

j'ai constater une autre chose, lorsque je pointe vers

Code:

textarea

comme suit

Code:

var editor_value = $('#editor').val();

et j'essaye d'afficher la valeur retournée avec

Code:

console.log('valeur : ' + editor_value);

j'obtient un résultat vide

et lorsque j'utilise une simple

Code:

textarea

tout fonctionne pafaitement
21/03/2017, 23h10
Beginner.

Mais je ne comprends pas quel est l’intérêt d'obtenir le contenu de la textarea si on utilise codeMirror ?
21/03/2017, 23h26
Beginner.

Je viens de voir qu'on peut très bien récupérer le contenu de la textarea mais j'en vois pas l’intérêt car si on modifie le code en utilisant l'éditeur codeMirror cela ne modifie pas le contenu de la textarea par conséquent si on veut récupérer le code que l'on a tappé il faut utiliser les méthodes spécifiques de l'éditeur codeMirror...

Je pense que la textarea sert surtout à indiquer où on veut que l'éditeur codeMirror soit placé...
21/03/2017, 23h43
chemsoun

les méthodes de l'éditeur CodeMirror ne fonctionnent pas, j'ai essayer autant de méthodes comme

Code:

getValue(), setValue(), getCode()

, et d'autres et j''ai le même erreur
21/03/2017, 23h54
Beginner.

J'ai déjà répondu à ça, as-tu lu mon message 6 ? J'y ai mis un lien où tu peux tester et chez moi ça marche...

J'ai fait d'autres tests, on peut lire le contenu de la textarea car elle n'est pas supprimée, elle est juste rendue invisible alors j'ai fait un code où on peut la faire réapparaitre et modifier son contenu... Ainsi on peut modifier les contenus et les afficher et alors on voit bien qu'ils sont indépendants...

Voici le lien : http://jsbin.com/koheqowotu/edit?html,output
22/03/2017, 00h05
chemsoun

merci pour vos réponses, j'ai remarquer dans le lien que vous avez déjà mis le texte à récupérer entre la balise textarea, ce que je veut c'est récupérer le texte tapé par l'utilisateur dans l'éditeur
22/03/2017, 00h09
Beginner.

Oui j'ai bien compris, le texte qui est au départ dans la textarea est affiché dans l'éditeur codeMirror mais ça c'est juste au début...

Mais si tu modifies le contenu de l'éditeur codeMirror et que tu l'affiches en cliquant sur le bouton alors tu verras le texte que tu as tapé...
22/03/2017, 00h15
chemsoun

merci, ça marche :D la solution était là et je l'es même pas considérer. j'ai essayer plusieurs solution que tout tout semble le même
22/03/2017, 00h17
Beginner.

De rien...Tant mieux si ça marche.

Si tu veux que l'éditeur codeMirror soit vide au début il suffit de vider la textarea dans le code html...