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

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

CSS - Mit import mehrere CSS-Dateien zusammenfassen

PHP - Einzelnes Element aus einem Array löschen

JavaScript - Formularfelder farbig markieren

MySQL - Abrufen eines zweispaltigen Ergebnisses in ein Array