Créer petit éditeur de texte
Résolu
Bilow
-
bArraxas -
bArraxas -
Bonjour,
Je cherche à créer un éditeur de texte qui, par exemple, fonctionne ainsi :
L'utilisateur a une case dans le programme. Il entre ce texte : mot1 mot2 mot3
Puis il sélectionne 'mot2'
Il clique sur un bouton (nommé 'gras'), et le texte devient ceci :
mot1 <b>mot2</b> mot3
Le texte sortie étant du html.
Le prgramme peu être en php, javascript, html, c, c++ ;; Je les connais a peu pres tous.
Voila merci d'avance...
Bilow
Je cherche à créer un éditeur de texte qui, par exemple, fonctionne ainsi :
L'utilisateur a une case dans le programme. Il entre ce texte : mot1 mot2 mot3
Puis il sélectionne 'mot2'
Il clique sur un bouton (nommé 'gras'), et le texte devient ceci :
mot1 <b>mot2</b> mot3
Le texte sortie étant du html.
Le prgramme peu être en php, javascript, html, c, c++ ;; Je les connais a peu pres tous.
Voila merci d'avance...
Bilow
A voir également:
- Créer petit éditeur de texte
- Comment créer un groupe whatsapp - Guide
- Créer un compte google - Guide
- Editeur video windows - Guide
- Créer un lien pour partager des photos - Guide
- Créer un compte gmail - Guide
7 réponses
Yop,
Normalement pour faire ça tu le fais en javascript...
Tu peux prendre un éditeur bb code pour exemple, puis en lisant le code tu devrais comprendre le fonctionnement...
Sinon il y a tiny mce dispo sur https://www.tiny.cloud/
Il génére le code html mais ne te l'affiche pas dans la case quand tu l'écri. (wysiwyg)
Je l'utilise sur plusieurs sites. Il est un poil lourd mais super bien fait!
Voilà si tu veux créer le tiens, bon courage à toi!
(mais ton éditeur sera sur le web ou il tournera sur la machine de l'utilisateur?)
Normalement pour faire ça tu le fais en javascript...
Tu peux prendre un éditeur bb code pour exemple, puis en lisant le code tu devrais comprendre le fonctionnement...
Sinon il y a tiny mce dispo sur https://www.tiny.cloud/
Il génére le code html mais ne te l'affiche pas dans la case quand tu l'écri. (wysiwyg)
Je l'utilise sur plusieurs sites. Il est un poil lourd mais super bien fait!
Voilà si tu veux créer le tiens, bon courage à toi!
(mais ton éditeur sera sur le web ou il tournera sur la machine de l'utilisateur?)
Bonjour,
Merci, je l'utilise personnellement, donc que ce soit un programme ou une page web, j'aurais quand-même mon résultat final.
Au revoir :)
Merci, je l'utilise personnellement, donc que ce soit un programme ou une page web, j'aurais quand-même mon résultat final.
Au revoir :)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Hello,
Parlons peu mais parlons bien :
Je fais ça en JavaScript :
<div>
<span class="styleButton bold" onclick="setStyle('b')">B</span>
<span class="styleButton italic" onclick="setStyle('i')">I</span>
<span class="styleButton underline" onclick="setStyle('u')">U</span>
</div>
function setStyle(s) {
var o = get('#myTextArea');
var value = o.value;
var start = o.selectionStart;
var end = o.selectionEnd;
if(end==start) return;
o.value = value.substr(0, start) + '<' + s + '>' + value.substring(start, end) + '</' + s + '>' + value.substring(end, value.length);
o.selectionStart = 0;
o.selectionEnd = 0;
}
Parlons peu mais parlons bien :
Je fais ça en JavaScript :
<div>
<span class="styleButton bold" onclick="setStyle('b')">B</span>
<span class="styleButton italic" onclick="setStyle('i')">I</span>
<span class="styleButton underline" onclick="setStyle('u')">U</span>
</div>
function setStyle(s) {
var o = get('#myTextArea');
var value = o.value;
var start = o.selectionStart;
var end = o.selectionEnd;
if(end==start) return;
o.value = value.substr(0, start) + '<' + s + '>' + value.substring(start, end) + '</' + s + '>' + value.substring(end, value.length);
o.selectionStart = 0;
o.selectionEnd = 0;
}
