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 Bausteinen (Codeschnipsel
) aus den Bereichen HTML, CSS,
PHP, JavaScript und MySQL.
<iframe> Eingebettetes Framefenster
CSS - Navigation mit :target auf und zumachen
PHP - Farbbalken mit Farbänderung je nach Prozent
JavaScript - Zahl in einem Eingabefeld mit dem Mausrad verändern