如何将文件内容加载到第三部分编辑器ex :( Wysiwyg编辑器）

Question

我在我的Web应用程序中使用第三方WYSIWYG编辑器。 我想从文件加载内容。 如何加载内容？ （javascript或React js）

var filecontent; 

function selection(){ 
  var filevalue=document.getElementById('files').value; 
  if(filevalue=="A"){ 
    fetchDetailsA(); 
  } 
}

function fetchDetailsA() {

  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {

    if (this.readyState == 4 && this.status == 200) {
      var myObj = JSON.parse(this.responseText);
      filecontent = this.responseText;
      document.getElementById('NicEdit').innerHTML = filecontent;
      document.myForm.NicEdit.value += "Hello";
      alert(document.myForm.NicEdit.value)
    }
  };
  xhttp.open("GET", "Textfiles/Sample1.json", true);
  xhttp.send();
}

<form name="myForm">
  <textarea id="NicEdit" cols="80" rows="5"></textarea>
</form>

Answer 1

您可以使用javascript中引入的fetch api来简化这一过程。

fetch('Textfiles/Sample1.json')
  .then(response => response.text())
  .then(text => {
      document.getElementById('NicEdit').innerHTML = text;
      document.myForm.NicEdit.value += "Hello";
  })