[Javascript] Boutons gras, italique etc....
letoine
Messages postés
1384
Date d'inscription
Statut
Membre
Dernière intervention
-
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 !
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 !
A voir également:
- Italique html
- Italique whatsapp - Guide
- Editeur html - Télécharger - HTML
- Br html ✓ - Forum Webmastering
- Espace en html ✓ - Forum HTML
- Espace html ✓ - Forum Webmastering
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 ^^