layui展示txt并修改

要展示和修改txt文件可以通过以下步骤实现：

1. 在HTML页面中添加一个文本框和一个按钮

<input type="text" id="filename" placeholder="请输入文件名">
<button onclick="showFile()">展示文件</button>

2. 在JavaScript中编写展示文件的函数

function showFile() {
  var filename = document.getElementById("filename").value;
  var xhr = new XMLHttpRequest();
  xhr.open("GET", filename, false);
  xhr.send();
  if (xhr.status == 200) {
    document.getElementById("filecontent").innerHTML = xhr.responseText;
  } else {
    alert("文件不存在！");
  }
}

3. 在HTML页面中添加一个元素用于展示文件内容

<div id="filecontent"></div>

4. 如果需要修改文件，可以在展示文件的函数中添加一个编辑框和保存按钮

function showFile() {
  var filename = document.getElementById("filename").value;
  var xhr = new XMLHttpRequest();
  xhr.open("GET", filename, false);
  xhr.send();
  if (xhr.status == 200) {
    document.getElementById("filecontent").innerHTML = xhr.responseText;
    var editBox = document.createElement("textarea");
    editBox.id = "editbox";
    editBox.value = xhr.responseText;
    document.getElementById("filecontent").appendChild(editBox);
    var saveButton = document.createElement("button");
    saveButton.innerHTML = "保存";
    saveButton.onclick = function() {
      var editedText = document.getElementById("editbox").value;
      var xhr = new XMLHttpRequest();
      xhr.open("POST", filename, false);
      xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
      xhr.send("text=" + editedText);
      if (xhr.status == 200) {
        alert("保存成功！");
      } else {
        alert("保存失败！");
      }
    };
    document.getElementById("filecontent").appendChild(saveButton);
  } else {
    alert("文件不存在！");
  }
}

注意：以上代码仅供参考，具体实现需要根据具体情况进行修改。同时，修改文件需要服务器端提供相应的接口支持。