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

Question

我正在使用contenteditable div来创建类似IDE的系统，我的教授要求我们有一个功能，我们可以在其中打开文本文件（本地文件）并将其显示给可信的div，我该怎么做呢？我只使用了js，jquery和html5，这必须适用于chrome。

我将用什么来获取文字？是否有一个库将文本提取格式化为contenteditable div？我还没有尝试任何东西，我监督这是否是可行的对不起的家伙。基于Web的IDE完成了错误

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;
    }
}