如何爲選定的文本添加前綴和後綴

Question

我正在嘗試製作一個簡單的所見即所得編輯器。

當選擇文本/從<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>