Faire une barre de mise en forme pour une textarea

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Faire une barre de mise en forme pour une textarea

fal91

Bonjour

Je souhaite effectuer une barre de mise en forme pour une textarea (dans 1 Système de news) à la manière de ce forum :love: . Mais je connais pas le javascript, voilà ce que j'ai trouvé :

Code :

<html>
<head>
<title>Ajouter du texte au milieu d'un textarea</title>
</head>
<body>
<form name="poster"
onSubmit="alert('Script by iubito\nhttp://iubito.free.fr\niubito [at] asp-php [point] net');return false;">
<p>Mise en forme du texte :
<a href="javascript:AddText('','','');">URL</a>
| <a href="javascript:AddText('[email]','','[/email]');">Email</a>
| <a href="javascript:AddText('','','');">Gras</a>
| <a href="javascript:AddText('','','');">Italique</a>
| <a href="javascript:AddText('','','');">Souligné</a>...
<br>
Smileys :
<a href="javascript:AddText('',':)','');">Content</a>
| <a href="javascript:AddText('',':(','');">Pas content</a>
| <a href="javascript:AddText('','8o)','');">Faire le clown</a>
| <a href="javascript:AddText('',';-D','');">LOL</a>...
</p>
<script language="JavaScript" type="text/javascript">
/*function storeCaret(text)
{ // voided
}
*/
function AddText(startTag,defaultText,endTag)
{
with(document.poster)
{
if (message.createTextRange)
{
var text;
message.focus(message.caretPos);
message.caretPos = document.selection.createRange().duplicate();
if(message.caretPos.text.length>0)
{
//gère les espace de fin de sélection. Un double-click sélectionne le mot
//+ un espace qu'on ne souhaite pas forcément...
var sel = message.caretPos.text;
var fin = '';
while(sel.substring(sel.length-1, sel.length)==' ')
{
sel = sel.substring(0, sel.length-1)
fin += ' ';
}
message.caretPos.text = startTag + sel + endTag + fin;
}
else
message.caretPos.text = startTag+defaultText+endTag;
}
else message.value += startTag+defaultText+endTag;
}
}
</script>
<textarea
rows="8"
cols="30"
name="message"
wrap="virtual"
onmouseover="this.focus();">
Tape du texte ici,
fais une sélection puis clique sur un lien,
place ton curseur au beau milieu de ton texte,
clique sur un lien... éclate-toi bien !
</textarea><br>
<input type="submit" name="soumettre" value="envoyer">
</form>
</body>
</html>

Le problème est que lorsque l'on clique sur gras, cela ajoute juste les balises ouvrantes et fermantes. Je voudrai cela :

- si une sélection de texte est active, placer la 'balise' ouvrante (de la propriété cliquée) juste devant la sélection et la 'balise' fermante juste après le dernier caractère sélectionné.
- si il n'y a pas de sélection de texte, remonter le texte à l'envers depuis la position du curseur pour vérifier si il existe une 'balise' ouvrante de ce type non fermée. Si c'est le cas, insérer une 'balise' fermante, sinon insérer une 'balise' ouvrante.

Comme sur le forum hardware :sol:

Merci pour votre aide !

Publicité

FlorentG

Unité de Masse

Ben pompe le code du forum hardware [:spamafote]

fal91

Bah j'y arrive pas :cry:
A part le c et le php je suis incapable de décortiquer du code. Je piges pas grand chose au javascipt.
En copiant tout le code source, ca ne me permet pas de cliquer sur les différents boutons (gras,italique,.....), j'en déduis que tout n'est pas affiché ?????

SVP de l'aide :sweat: Merci

FlorentG

Unité de Masse

Oula, si tu piges rien au JS, laisse tomber [:spamafote]

cerel

Si tu piges le C et le php, je vois pas ou est le probleme. Le javascript n'a rien de "sorcier"...

fal91

Ouais c'est clair qu'au niveau de la syntaxe ca ressemble au C et au php mais il y a quand meme des trucs louches genre

Code :

message.caretPos.text = startTag+defaultText+endTag

ou bien

Code :

message.caretPos = document.selection.createRange().duplicate();

Je ne comprends pas vraiment ce que font ces variables et fonctions, le seul truc que je piges là dedans ce que ca a l'air de fonctionner comme les structures en C :whistle:
Le problème est que je ne sais pas comment agir sur le curseur ou la sélection :sarcastic:
Mais bon je vais essayer de chercher encore une fois
Un petit coup de main me ferait pas de mal, merci quand même

FORUM HardWare.fr

Programmation

HTML/CSS

Faire une barre de mise en forme pour une textarea

Sujets relatifs
L'opération doit utiliser une requête qui peut être mise à jour.	Mise en forme conditionnelle en VB sous Access 97
Barre de progression pour chargement FTP	mise en page toute simple...
access. mise à jour dans un formulaire	Problème de mise en forme. forum en phpbb
mettre une barre de defilement dans une zone predefini	Problème formulaire avec textarea
Plus de sujets relatifs à : Faire une barre de mise en forme pour une textarea

Page générée en 0.073 secondes