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

Question

使用 fs.readFileSync(Folder); 从文件内部加载文本后我如何根据它在文件中的方式将它放在我的 nwjs 应用程序断行中的 div（其中有 contenteditable="true"）？

因为直接加载将所有内容都放在 div 的同一行中。

Answer 1

您可以将所有 \n 替换为 <br />，或者您可以使用 css 样式来保留所有换行符：

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

Answer 2

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

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

Break lines after loading text from file and placing it in div nwjs

javascript

nwjs