Récupérer la valeur de textarea du CodMirror

**chemsoun** · 20/03/2017, 23h22

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 :

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

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 :

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

var editor_value = editor.getValue();

l'erreur qui s'affiche c'est

TypeError: editor.getValue is not a function

**eleydet** · 21/03/2017, 17h32

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 html :

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

**NoSmoking** · 21/03/2017, 18h38

Bonjour,

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

@chemsoun : ton problème doit être identique.

**eleydet** · 21/03/2017, 19h47

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.

**chemsoun** · 21/03/2017, 20h39

Bonsoir

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

Code :

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

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 ?

**Beginner.** · 21/03/2017, 21h51

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

**chemsoun** · 21/03/2017, 22h55

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

Code :

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

textarea

comme suit

Code :

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

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

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

Code :

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

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

j'obtient un résultat vide

et lorsque j'utilise une simple

Code :

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

textarea

tout fonctionne pafaitement

**Beginner.** · 21/03/2017, 23h10

Mais je ne comprends pas quel est l’intérêt d'obtenir le contenu de la textarea si on utilise codeMirror ?

**Beginner.** · 21/03/2017, 23h26

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

**chemsoun** · 21/03/2017, 23h43

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

Code :

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

getValue(), setValue(), getCode()

, et d'autres et j''ai le même erreur

**Beginner.** · 21/03/2017, 23h54

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

**chemsoun** · 22/03/2017, 00h05

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

**Beginner.** · 22/03/2017, 00h09

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