Rechercher : dans
Par :

[Javascript] Boutons gras, italique etc....

Dernière réponse le 6 jun 2008 à 12:11:25 letoine, le 6 avr 2008 à 09:22:25 
 Signaler ce message aux modérateurs

Bonjour,

En faite je crée une sorte de CMS que je souhaite bientôt rendre publique, toutes les pages sont modifiables de la partie d'administration, mais j'aimerais que ceux qui n'y connaissent vraiment rien en HTML puisse d'un simple clik afficher la balise (comme ici quand on clique sur G il y a les balises

<gras /gras>
qui s'affichent.

Le probleme c'est que je suis nul de chez nul en Javascript,

Help Plz !


Qui peut le plus peut le moins
Configuration: Windows Vista
Firefox 2.0.0.13

Meilleures réponses pour « [Javascript] Boutons gras, italique etc.... » dans :
[CCM] Astuces et conseils pour la rédaction VoirFAQ et forums Utiliser les bons outils de style Titres Gras, italique et souligné Code CCM ou double crochets Liens Prévisualiser Aide Options disponibles dans les forums Continuer la discussion Répondre à xxx À voir également
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...
LaTeX - Mise en forme VoirStyle Les commandes suivantes permettent de modifier le style du texte : \textbf{texte à mettre en gras} permet d'écrire du texte en caractères gras. \textit{texte à mettre en italique} permet d'écrire en italique. \textsc{texte à mettre...

1

niko16, le 4 jun 2008 à 13:42:20

Salut,

Je réalise un projet un peu comme le tiens et je voulais savoir si tu avais trouvé la solution...

merci

Répondre à niko16

2

 niko16, le 6 jun 2008 à 12:11:25

C'est bon j'ai réussi!!!
J'ai créer un paragraphe que j'ai ensuite personnalisé pour lui donner un style de textarea :p
Voici le code qui fonctionne :

// Début du script
<body>

<script type="text/javascript">

function gras()
{
if(document.selection)
{
texte = document.selection.createRange()
texte.expand("word")
texte.execCommand("bold")
}
else
{
alert("Erreur!!")
}
}

</script>

// Fin du script




<p contenteditable name="texte_rubrique" id="area">
</p>
<a href="#null" onclick= "gras()"><b>Mettre la sélection en gras</b></a>




// Contenu CSS

#area
{
font-weight: normal;
font-family: Arial;
font-size: small;
text-align: left;
border-style: solid;
border-color: #aaaaaa;
border-width: 1px;
background-color: white;
height: 200px;
overflow-y: scroll;
}


Pour l'italic et le souligné ca doit etre sensiblement la même chose ^^

Répondre à niko16