TinyMCE/FileReader：テキストファイルを読み込んだ後に改行がない

Question

テキストファイルを読むためのカスタムボタンを作成しようとしています。それは私がこれまでに得たものです：

<textarea id="editor"></textarea> 
<div id="testdiv"></div> 
<pre id="testpre"></pre> 
<textarea id="testta"></textarea> 

<script> 
    tinymce.init({ 
     selector: "textarea#editor", 
     toolbar : "txtupload", 
     setup: function(editor) { 
      var inp = $('<input id="uploader" type="file" accept="text/plain" style="display:none">'); 
      $(editor.getElement()).parent().append(inp); 

      var fileInput = document.getElementById("uploader"); 

      fileInput.addEventListener("change",function(e){ 
       var file = fileInput.files[0]; 
       var reader = new FileReader(); 
       reader.onload = function(e) { 
        var txt = reader.result; 
        console.log("text is:\n" + txt); 
        editor.insertContent(txt); 
        document.getElementById("testdiv").textContent = txt; 
        document.getElementById("testpre").textContent = txt; 
        document.getElementById("testta").textContent = txt; 
       }; 
       reader.readAsText(file); 
      }); 

      editor.addButton("txtupload", { 
       text:"Text", 
       icon: false, 
       onclick: function(e) { 
        inp.trigger('click'); 
       } 
      }); 
     } 
    }); 
</script> 

私の問題は、私がTinyMCE-textareaの改行が足りないことです。私は "editor-element"を変更しようとしました（つまり、textareaをdivとpreに変更しました）が、結果は同じでした。説明のために、ここに私の問題を示す画像があります：tinymce_example

Answer 1

\nを<br/>に置き換えると、この問題を解決できます。おかげでAmir Popovich and faboolous