[Javascript] Boutons gras, italique etc....
letoine
Messages postés
1624
Statut
Membre
-
niko16 Messages postés 65 Date d'inscription Statut Membre Dernière intervention -
niko16 Messages postés 65 Date d'inscription Statut Membre Dernière intervention -
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
Le probleme c'est que je suis nul de chez nul en Javascript,
Help Plz !
--
Qui peut le plus peut le moins
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
A voir également:
- Italique html
- Italique whatsapp - Guide
- Editeur html - Télécharger - HTML
- Word html - Télécharger - Bureautique
- Comment mettre un texte sous une image html - Forum CSS
- Html executable - Télécharger - Divers Web & Internet
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 ^^