从文件加载文本并将其放入div nwjs后中断行

时间:2018-06-12 01:19:02

标签: javascript nwjs

使用fs.readFileSync(Folder);从文件内部加载文本后 如何在我的nwjs应用程序中根据文件中的内容将它放在div(具有contenteditable =“true”)内?

因为直接加载会将所有内容放在该div的同一行

2 个答案:

答案 0 :(得分:1)

@MudOnTire 的回答示例:

<pre id="pre"></pre>
<div id="div"></div>
var fs = window.nw.require('fs');
var path = window.nw.require('path');

var file = path.join(process.cwd(), 'folder', 'somefile.txt');
var data = fs.readFileSync(file);

data = String(data);
data = data.trim().split('\r\n').join('\n');
document.getElementById('pre').innerHTML = data;

var html = data.split('\n').join('<br>');
document.getElementById('div').innerHTML = html;

答案 1 :(得分:0)

您可以将所有\n替换为<br />,也可以使用css样式保留所有断路器:

<div style="white-space: pre-line">{your text}</div>