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
Configuration: Windows Vista Internet Explorer 7.0
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?) -
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 :) -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
-
qu'est ce qu'on doit modifier dans le code source de TinyMCE et ou ca.
Merci -
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;
}
