récupérer code textarea via div contenteditable

**ctrl+z** · 30/12/2008, 11h47

Bonjour,

Savez-vous comment récupérer le code source d'un textarea via div contenteditable=true

j'arrive à le faire dans le sens opposé avec innerHTM mais inversement ça ne fonctionne pas

Code :

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

1
2
 
document.getElementById('_DIV).value = document.getElementById('_TEXTAREA').innerHTML;

Merci pour vos conseils

**danyboy85** · 30/12/2008, 11h59

Je viens de faire un exemple qui fonctionne :

Code :

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
20
21
22
23
24
25
26
 
<html>
    <head>
        <script type="text/javascript">
        function abcd() {
            document.getElementById('_DIV').innerHTML = document.getElementById('_TEXTAREA').innerHTML;
        }
        function efgh() {
            document.getElementById('_TEXTAREA').innerHTML = document.getElementById('_DIV').innerHTML;
        }
        </script>
    </head>
    <body>
        <div id="_DIV" contenteditable="true" style="border: 1px solid #FF0000; width:200px; height: 25px;">
 
        </div>
        <br>
        <br>
        <textarea id="_TEXTAREA">
        </textarea>
        <br>
        <input type="button" onclick="abcd()" value="div to area">
        <br>
        <input type="button" onclick="efgh()" value="area to div">
    </body>
</html>

**ctrl+z** · 30/12/2008, 12h03

chez moi ça fonctionne pas, si je saisie <b>test</b> ça retourne <b>test</b> au lieu de test

**Auteur** · 30/12/2008, 15h57

bonjour,

d'une part

Code :

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

1
2
document.getElementById('_TEXTAREA').value

et non innerHTML

ensuite l'attribut contenteditable est propre à IE.

**danyboy85** · 30/12/2008, 16h21

Oui il est vrai que c'est spécifique à IE, le code que j'ai laissé fonctionne parfaitement sous IE7.

**ctrl+z** · 30/12/2008, 16h35

existe-il l'équivalent de contenteditable compatible ?

**Auteur** · 30/12/2008, 18h39

remplace ton div par un autre textarea

.. tout simplement

**ctrl+z** · 06/01/2009, 08h33

Merci j'ai trouvé ça http://www.fckeditor.net/demo
je vais m'en servir pour comprendre comment.

récupérer code textarea via div contenteditable

JavaScript

Discussions similaires

Partager

Partager