JSFiddle - React, Tailwind, and code Playground

HTML

<textarea id="txt" style="width:300px; height:300px;">
Что мне осталось? 
ZARAMAN и кофе без всего. 
Ну как спалось? Ничего? 
Мне тоже ничего. 
Что мне осталось? 
Ничего. Ты тоже ничего. 
Улыбаюсь ли, каюсь. Остаюсь.

</textarea>
<br>
<button id="btn">Open new window with text ready to be translated</button>

JavaScript

$("#btn").click(function () {

    var str = $("#txt").val();
    var html = "";
    var lines = str.split(/[\r\n]+/g);

    for (var i = 0; i < lines.length; i++) {
        var line = lines[i];
        var words = line.split(" ");
        for (var j = 0; j < words.length; j++) {
            var word = words[j];
            html += "&nbsp;";
            html += "<ruby><rb><span class='notranslate'>" + word + "</span></rb> <rt>" + word + "</rt></ruby>";
        }
        html += "<br>";
    }
           
   var w = window.open("http://fiddle.jshell.net/");    
      $(w).load(function() {
     	 var newDoc = w.document.open("text/html", "replace");
	newDoc.write("<body style='font-family:arial'>" + html + "</body>") ;
	newDoc.close();
        
	});
      
});