JSFiddle - React, Tailwind, and code Playground

by beirensg

HTML

<div id="wysiwyg_259" class="wysiwyg_bar">
     <div class="wysBtn_bold">B</div>
     <div class="wysBtn_italic">I</div>
     <div class="wysBtn_underline">U</div>
 </div>
 <textarea id="tekst_259" name="tekst_259">Zullen we samen dansen?!</textarea>

JavaScript

function  set_bb( id,style ) {
     var textarea = document.getElementById("tekst_"  +  id);
    //  alert(textarea.text+textarea.selectionStart+"-"+textarea.selectionEnd);
    //if(  textarea.selectionStart != undefined ) {
         
         textarea.focus();
        var rng  =  document.selection.createRange();
       alert(rng.text);
         var rangeParent = rng.parentElement();
     if( rangeParent ===  textarea ){
             rng.text = "[" + style + "]" + rng.text + "[/" + style + "]";
         
         var tmp  =  "";
         $.each( rng, function( i, n ) {
             tmp  +=  i + ": " + n + "\n";
         } );
         alert(tmp);
      }
 } 
$('div.wysBtn_italic').mouseover(function(){
   
    set_bb( 259,"I" );     
});