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()">

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.

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Bausteinen (Snippets) aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Container mit Eselsohren

PHP - Datum ab einem bestimmten Tag ausgeben

JavaScript - Überprüfen ob ein Button gedrückt wurde

MySQL - Abrufen eines zweispaltigen Ergebnisses in ein Array