選択したテキストに接頭辞と接尾辞を追加するには

Question

私は単純なWYSIWYGエディタを作ろうとしています。テキストが選択されている場合

は/ <textarea>からhighted、および BTN idのボタンは、JSは接頭<a href=''>と接尾</a>を追加し、クリックされました。

これは私が思いついたものです。しかし、それはjsfiddleでは動作しません。

//JS 
    <script type="text/javascript"> 
     function markupEd() { 
      var textArea = document.getElementById('textInput').value; 
      var i = 0; 
      var textArray = val.value.split("\n"); 

      for (i = 0; i < textArray.length; i++) { 
       textArray[i] = "<a href=''>" + textArray[i] + "</a>"; 
      } 
      val.value = textArray.join("\n"); 
     } 
    </script> 


    <input type="button" id="btn" value=" <a> " onclick="markupEd();"> 
    <textarea id="textInput"></textarea> 

Answer 1

あなたのJS関数はgood..Iあなたは文句を言わない

<script type="text/javascript"> 
     function markupEd() { 
      var textArea = document.getElementById('textInput').value; 
      var i = 0; 
      var textArray = textarea.split("\n"); 

      for (i = 0; i < textArray.length; i++) { 
       textArray[i] = "<a href=''>" + textArray[i] + "</a>"; 
      } 
      document.getElementById('textInput').value = textArray.join("\n"); 
     } 
    </script>  

    <input type="button" id="btn" value=" <a> " onclick="markupEd();"> 
    <textarea id="textInput"></textarea>