Question

我有一个带文字区域的网页。我使用自己的文本文件填充此区域，因此用户在加载页面时会看到文本。我希望用户能够编辑此区域中的文本，然后单击“保存”。这将保存到MY文件，以便下次有人打开页面时，他们将获得前一个用户写的文本。

我一直在寻找并找不到我需要的东西。我发现的一些事情说明可能是一些PHP（不愿意）。但我还没有找到描述这种确切情况的来源。

以下是我的一些HTML代码：

<div class="emailEditor">
        <label for="emailEditBox" class="col-2 col-form-label">Email Editor</label>
        <div class="col-10">
            <textarea style = "min-height: 300px;" class="form-control" rows="5" id="emailEditBox"></textarea>
        </div>

        <button id="loadEmail" type="button" class="btn btn-primary" onclick="loadFile()">Load</button>
        <button id="saveEmail" type="button" class="btn btn-danger" onclick="saveFile()">Save</button>
        <button id="previewEmail" type="button" class="btn btn-success" onclick="previewFile()">Preview</button>
    </div>

<div class="emailPreview">
        <label class="col-2 col-form-label">Email Preview</label>
        <div class="emailOutput">
             <!--Preview here (rendered output of the html file)-->
        </div>
</div>

以下是我的一些Javascript和Jquery：

<script>
    function loadFile() {
        var reader = new XMLHttpRequest();
        reader.open('GET', "EmailTemplate.html", false);
        reader.send();
        var text = reader.responseText;
        document.getElementById("emailEditBox").value = text;
    }

    function writeFile() {

    }
</script>

<script>
    $(function previewFile(){
        $(".emailOutput").load("EmailTemplate.html");
    });
</script>

加载和预览部分正在运行，但我找不到保存文件的方法。

Answer 1

您需要接收数据的服务器端处理，然后使用POST请求将数据发送到服务器。在服务器端，如果你想在纯JS中使用解决方案或者使用简单的旧式PHP，你可以使用Node.js。

将用户的输入数据保存到我自己的文件中

1 个答案: