Question

我有这个项目，我必须构建一个文本编辑器，将文件另存为.txt，还可以将其打开并进行一些更改。

我正在尝试使用Javascript执行此操作，但在此部分遇到了一些麻烦，我已经有了创建文件并打开它的代码，但是如果我尝试打开文件并编辑某些内容，我将无法执行保存到同一文件，它会创建另一个文件。

我已经进行了一些研究，但我认为无法通过Javascript编辑文件。在这一点上，我对任何建议都持开放态度。

我使用了js库FileSaver和HTML5中的File API

function showFile() {
  const preview = document.getElementById('fuenteTextarea');
  const file = document.querySelector('input[type=file]').files[0];
  const reader = new FileReader();

  var textFile = /text.*/;

  if (file.type.match(textFile)) {
    reader.onload = function(event) {
      preview.innerHTML = event.target.result;
    };
  } else {
    preview.innerHTML = 'El archivo no es .txt';
  }
  reader.readAsText(file);
}


function saveStaticDataToFile() {
  const userInput = document.getElementById('fuenteTextarea').value;
  const blob = new Blob([userInput], { type: 'text/plain;charset=utf-8' });
  const namefile = document.getElementById('nombreArchivo').value;
  if (namefile === '') {
    alert('Recuerde el nombre del archivo');
  } else {
    saveAs(blob, `${namefile}.txt`);
  }
}

Answer 1

尝试使用iFrame？

<iframe src = "yourtxtfilename"></iframe>

我认为这会起作用。

如何打开/保存和编辑.txt文件？

1 个答案: