javascript - 如何从浏览器打开文本文件并将文本粘贴/附加到我的 contenteditable div？

Question

我正在使用 contenteditable div 开发类似 IDE 的系统，我的教授要求我们有一个功能，我们可以打开文本文件（本地文件）并将其显示给 contenteditable div，我该怎么做？我只使用过 js、jquery 和 html5，这必须在 chrome 上工作。

我将使用什么来获取文本？是否有一个库可以将文本提取格式化为 contenteditable div？我还没有尝试过任何东西，我正在监督这是否可行，对不起，伙计们。基于 Web 的 IDE 已完成 bug

Answer 1

使用 jQuery 超级简单...

$("#my_div").load("text_file.txt");

Answer 2

这是我多年前使用的一些代码示例：

if (window.XMLHttpRequest) {
    return new XMLHttpRequest(); //Not IE
    } else if(window.ActiveXObject) {
        return new ActiveXObject("Microsoft.XMLHTTP"); //IE
    } else {
        alert("Your browser doesn't support the XmlHttpRequest object.");

    }
}    

var Req = getXmlHttpRequestObject();

Req.open("GET", "fileName.txt", true);

Req.onreadystatechange = function() {
    if (Req.readyState == 4) {
        var output = Req.responseText;
    }
}