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-текстовое поле. Я попытался изменить «редактор-элемент» (т. Е. Изменил текстовое поле на div и pre), но результат был таким же. В качестве иллюстрации, вот иллюстрация, которая иллюстрирует мою проблему: tinymce_example

Answer 1

С помощью замены \n на <br/> можно решить эту проблему. Благодаря Amir Popovich and faboolous