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.

<noscript> Kein JavaScript!

CSS - Leuchtende blaue Eingabefelder

PHP - Öffnungszeiten

JavaScript - Ein Array von Zahlen mit dem Bucketsort-Algorithmus sortieren

MySQL - Auswahlliste aus der Datenbank-Tabelle erstellen