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 - Bild mit Impuls

PHP - Tage zwischen zwei Datumsangaben berechnen

JavaScript - URL Query und Fragment über JavaScript auslesen

MySQL - Abrufen eines zweispaltigen Ergebnisses in ein Array