Как добавить префикс и суффикс к выделенному тексту

Question

Я пытаюсь сделать простой редактор WYSIWYG.

Если текст выделен / выделен из <textarea> и нажата кнопка с идентификатором btn , 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-функция выглядит хорошо .. Я не думаю, что вам нужно передавать какое-либо значение вашей функции

 <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>