JavaScript - BB-Code in einem Textarea einfügen
<script>
function bbcode() {
var bb = prompt("BB-Code eingeben: b, i, s","");
if (bb !== null && bb != "") {
var field = document.getElementById("message");
if (document.getSelection) {
var startPos = field.selectionStart;
var endPos = field.selectionEnd;
var txt = field.value.substring(startPos, endPos);
if (txt != "") {
field.value = field.value.substring(0, startPos) +
"[" + bb + "]" + txt + "[/" + bb + "]" +
field.value.substring(endPos, field.length);
}
else {
field.value = field.value +=
"[" + bb + "][/" + bb + "]";
}
}
}
}
</script>
<textarea id="message" rows="15" cols="45">
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte.
Abgeschieden wohnen Sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.
Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien.
Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen.
</textarea>
<input type="button" value="BB-Code einfügen" onClick="bbcode()">
Bausteine
Eine zufällige Auswahl von „Bausteinen” aus den Bereichen CSS, PHP, JavaScript und MySQL.
CSS - Eingabefelder und Buttons formatieren