Bonsoir.
je m'auto répond : j'ai trouvé la réponse sur internet, pas vraiment ce que je pensait faire au début, mais ça marche. Je met mon code pour ceux que ça intéresse :
function insertTag(startTag, endTag, textareaId, tagType) {
var field = document.getElementById(textareaId);
field.focus();
if (window.ActiveXObject) {
var textRange = document.selection.createRange();
var currentSelection = textRange.text;
} else {
var startSelection = field.value.substring(0, field.selectionStart);
var currentSelection = field.value.substring(field.selectionStart, field.selectionEnd);
var endSelection = field.value.substring(field.selectionEnd);
}
if (window.ActiveXObject) {
textRange.text = startTag + currentSelection + endTag;
textRange.moveStart('character', -endTag.length-currentSelection.length);
textRange.moveEnd('character', -endTag.length);
textRange.select();
} else { // Ce n'est pas IE
field.value = startSelection + startTag + currentSelection + endTag + endSelection;
field.focus();
field.setSelectionRange(startSelection.length + startTag.length, startSelection.length + startTag.length + currentSelection.length);
}
}
Puis, plus loin dans le code :
<span>
<input type="button" value="Gras" onclick="insertTag('<b>', '</b>', 'bio')" />
<input type="button" value="Souligner" onclick="insertTag('<u>', '</u>', 'bio')" />
<input type="button" value="Barrer" onclick="insertTag('<del>', '</del>', 'bio')" />
<input type="button" value="Italique" onclick="insertTag('<i>', '</i>', 'bio')" />
<input type="button" value="Centrer" onclick="insertTag('<p align=\'center\'>', '</p>', 'bio')" />
<input type="button" value="Droite" onclick="insertTag('<p align=\'right\'>', '</p>', 'bio')" />
</span>
Voila !
Bonne soirée !