JavaScript - BBCode in einem Textarea einfügen
Wörter im Text markieren oder die Einfügemarke an eine bestimmte Position setzen, dann den Button betätigen.
<script>
function bbcode() {
var field = document.getElementById("message");
var bb = prompt("BBCode eingeben: b, i, s, q", "b");
if (document.getSelection) {
var startPos = field.selectionStart;
var endPos = field.selectionEnd;
var txt = field.value.substring(startPos, endPos);
if (txt != "") {
var cp = `[${bb}]${txt}[/${bb}]`;
field.value = field.value.substring(0, startPos) + cp +
field.value.substring(endPos, field.length);
}
else {
var cp = `[${bb}][/${bb}] `;
field.value = field.value.substring(0, startPos) + cp +
field.value.substring(endPos, field.length);
}
}
}
</script>
<textarea id="message" rows="12" cols="55" spellcheck="false">
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>
<p><input type="button" value="BBCode einfügen" onClick="bbcode()"></p>
Siehe auch: Zeilen, Wörter und Zeichen in einem Textarea zählen und
Einfügemarke im Textarea bewegen
Bausteine Alle Anzeigen
Eine zufällige Auswahl von Codeschnipseln
aus den Bereichen HTML, CSS,
PHP, JavaScript und MySQL.
<option> Option - Auswahlliste/Datenliste
CSS - Hintergrundbild absolut positionieren
PHP - Copyright-Hinweis immer aktuell
JavaScript - Die Werte in Eingabefeldern per Button-Klick ändern