JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width: 450px;text-align:center;float:left;">
                   <textarea rows="18" cols="50"  name="fileContent" id="fileContent1" class="selectBorder">             101,abc,smith,1000                      
222,abc,ricky,2000
303,abc,andy,3000
 </textarea> 
             </div>


<input type="submit" value="submit" id="saveImgID"/>

JavaScript

$(document).ready(function(){
  $("#saveImgID").click(function(){
    var xmlStart =  "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?><Rowsets>";
    var xmlEnd = "</Rowset></Rowsets>";
    var xml;
    var lines = $('#fileContent1').val().split(/\n/);
    var texts = []
    for (var i=0; i < lines.length; i++) {
      if (/\S/.test(lines[i])) {
        texts.push($.trim(lines[i]));
      }
    }
    xml = xmlStart + "<Rowset>";
    for (var i=0; i < texts.length; i++) {         
      xml += "<Row><Line>"+texts[i]+"</Line></Row>";
    }
    xml += xmlEnd;
    alert(xml);
  });     
});