Discussion :

[Mo_Poly]

Salut,

Je souhaite créer une page contenant une editeur HTML, c'est à dire un text area dans lequel je vais ecrire mon text, avec au dessus pleins de boutons pour changer le style (gras, italique, un lien (<a>) etc ...) un peu comme celui que j'utilise maintenant pour ecrire ce message, mais avec des balises html!

J'ai la flemme de le coder en entier, et je suis sur qu'il existe plein de scripts sur internet que je pourrais personaliser !

Avez vous un link contenant ca, ou un script faisant cela à me passer ?


Merci



...

[htr999]

tu pourrait chercher sur google le motif "html Livre D'or" ça te donne pas mal de script. je suis nouveau donc je ne sais pas si le forum a déjà des discussion sur ce problème.
sinon la recherche me donne un lien sur un exemple, avec code source partagé.

le voici (code source pas testé !!!)

http://fanatek.free.fr/livredor/livr...action=readall
Télécharger

[Mo_Poly]

tu pourrait chercher sur google le motif "html Livre D'or" ça te donne pas mal de script. je suis nouveau donc je ne sais pas si le forum a déjà des discussion sur ce problème.
sinon la recherche me donne un lien sur un exemple, avec code source partagé.

le voici (code source pas testé !!!)

http://fanatek.free.fr/livredor/livr...action=readall
Télécharger

Salut,

Merci pour ta réponse, en fait ce dont j'ai besoin c'est un editeur pour langage HTML (et non les [b] etc... )

J'ai trouvé un code, il marche, je vous le montre :

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
 
function storeCaret(text)
{ // voided
}
 
function AddText(startTag,defaultText,endTag) 
{
 if (document.poster.message.createTextRange) 
 {
  var text;
  document.poster.message.focus(document.poster.message.caretPos);
  document.poster.message.caretPos = document.selection.createRange().duplicate();
  if(document.poster.message.caretPos.text.length>0)
  {
   document.poster.message.caretPos.text = startTag + document.poster.message.caretPos.text + endTag;
  }
  else
  {
   document.poster.message.caretPos.text = startTag+defaultText+endTag;
  }
 }
 else document.poster.message.value += startTag+defaultText+endTag;
}
</script>

avec les appels :

Code :

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

1
2
3
4
5
6
<p><a href="javascript:AddText('<a href=\'mettez votre lien ici\'>','Le titre de votre lien ici','</a>');"><img src="link.png" border="0" /></a>
   | <a href="javascript:AddText('<img src=\'','Mettez ici le lien de votre image\'','/>');"><img src="image.png" border="0" /></a>
   | <a href="javascript:AddText('<br','/','>');"><img src="br.png" border="0" /></a>	
   | <a href="javascript:AddText('<p>','votre paragraphe','</p>');"><img src="paragraph_off.gif" border="0" /></a>	
   | <a href="javascript:AddText('<em>','votre texte','</em>');"><img src="italic.gif" border="0" /></a>
   | <a href="javascript:AddText('<strong>','votre texte','</strong>');"><img src="bold.gif" border="0" /></a>

Seul défaut, c'est qu'il ajoute toujours les balises HTML à la fin du text existant dans mon textarea! Savez vous quels modification dois je faire pour que les balises s'ajoutent la ou le curseur est ?

Merci



...

[SpaceFrog]

FKCEditor TinyMCE ?

[d-Rek]

Moi j'ai un WYSIWYG sous mon cursor:pointer;

[SpaceFrog]

http://www.kevinroth.com/rte/

[Mo_Poly]

WOW, mais tout ça c'est geant! je m'attendais a petit code, une seule page, un truc simple (parce que j'ai besoin de ca pour faire un petit truc )

Je m'attendai a un truc simple comme le code que j'ai montré en haut, mais juste avec la possibilité de placer le text la ou le curseur de la souris est dans le textarea ( je n'ai pas si quelles modifications faire pour obtenir cela!)

Est ce que quelqu'un sais comment faire cela ?


merci infiniment en tout cas pour vos recherches



...