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/