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