用jQuery的.load()函数保持导入文本文件的格式?

时间:2018-07-13 18:35:20

标签: javascript jquery html css

我要将文本文件从外部目录导入html段落标记,以在单击按钮时显示。我正在使用jQuery的.load()函数来执行此操作。

导入文本文件没问题,但是格式不保留,

导入的文本文件'banks.txt'通过:

dat <- read.table(header=TRUE, stringsAsFactors=FALSE, text='
LocalDateTime     RH
"5/24/2018 14:35"   77
"5/24/2018 14:37"   78
"5/24/2018 14:38"   79
"5/24/2018 14:39"   78
"5/24/2018 14:40"   78
"5/24/2018 14:41"   78
"5/24/2018 14:43"   78
"5/24/2018 14:44"   78
"5/24/2018 14:45"   78
"5/24/2018 14:46"   79
"5/24/2018 14:47"   79
"5/24/2018 14:49"   79
"5/24/2018 14:50"   79')
dat$LocalDateTime <- as.POSIXct(dat$LocalDateTime, format="%m/%d/%Y %H:%M")

代替:

"Love Poem Serene, In a world full of troubles, i.e. doing nothing about it. - Iain Banks"

有没有办法保持文本文件的格式-换行符,制表符等等?

1 个答案:

答案 0 :(得分:0)

您应该将文本文件作为pre元素中的文本加载到pre标记中 以固定宽度的字体显示,并保留空格和 换行符。对Internet Explorer尝试一下(其行为有所不同;仅将文本文件加载到pre标记中对其他浏览器来说就可以了)

$("#data pre").load("lorem.txt", function(response, status, xhr) {
   if (status != "error") {
   if (($.browser.msie)&&(jQuery.browser.version=="8.0"))//check if browser is Internet Explorer
    $("#data pre").html(response.replace(/\r\n/g, "<br>"));//replace new lines with <br> tag
   }
});

HTML:

 <div id="data">
 <pre></pre>
 </div>