TinyEditor Récupération données

**tremeur53** · 23/04/2010, 18h44

Hello
Mille excuses, je ne savais pas où poster....
Je suis très intéressé par TinyEditor mais je n'arrive pas à récupérer le code édité !
Je connais très bien les formulaires en POST et la récupération en PHP.

Le code d'origine donné en téléchargement

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TinyEditor - JavaScript WYSIWYG Editor</title>
<link rel="stylesheet" href="style.css" />
<script type="text/javascript" src="tinyeditor.js"></script>
</head>
<body>
<textarea id="input" style="width:400px; height:200px"></textarea>
<script type="text/javascript">
new TINY.editor.edit('editor',{
        id:'input',
        width:584,
        height:175,
        cssclass:'te',
        controlclass:'tecontrol',
        rowclass:'teheader',
        dividerclass:'tedivider',
        controls:['bold','italic','underline','strikethrough','|','subscript','superscript','|',
                          'orderedlist','unorderedlist','|','outdent','indent','|','leftalign',
                          'centeralign','rightalign','blockjustify','|','unformat','|','undo','redo','n',
                          'font','size','style','|','image','hr','link','unlink','|','cut','copy','paste','print'],
        footer:true,
        fonts:['Verdana','Arial','Georgia','Trebuchet MS'],
        xhtml:true,
        cssfile:'style.css',
        bodyid:'editor',
        footerclass:'tefooter',
        toggle:{text:'source',activetext:'wysiwyg',cssclass:'toggle'},
        resize:{cssclass:'resize'}
});
</script>
</body>
</html>

Très sympa !
Euh, j'ai ajouté un form avec cible post recept.php
et bien entendu un bouton submit.

Je ne récupère rien dans la variable POST !
J'ai donc mis un name="code" pour le textarea

Et je ne récupère toujours rien !
Tous les éditeurs que j'ai essayé fonctionnent, mais c'est celui-là que je voudrais (simple).

D'avance merci.

**tremeur53** · 23/04/2010, 23h27

Je laisse tomber !
Je vais utiliser CKEditor qui bénéficie d'un support solide.

**AceTeaM** · 04/10/2011, 16h30

Bonjour,
il me semble que le contenu dynamique du textarea soit mit à jour uniquement lorsque l’utilisateur souhaite l’afficher à l’écran.

En fouillant rapidement dans le code j’ai trouvé une solution qui consiste a appeler la fonction myeditor.toogle() puis de récupérer la valeur updaté avec myeditor.t.value

Voici un morceau de code simplifié pour représenter la technique :

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
 
var editor;
 
function onLoad()
{
    editor = new TINY.editor.edit('editor',...);
}
 
function onSubmit()
{
    editor.toggle(1,1);//actualise le contenu du textarea en vu de le transmettre
    alert(editor.t.value);//la valeur est maintenant dispo
    return false;
}
 
 
<form onsubmit="return onSubmit();">
    <textarea id="input" name="input" rows="8" cols="20"></textarea>
</form>

TinyEditor Récupération données

Bibliothèques & Frameworks

Vue hybride

Discussions similaires

Partager

Partager