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

Récupérer la valeur de textarea du CodMirror

JavaScript

Vue hybride

Discussions similaires

Partager

Partager