在HTML中显示显示缩进的日志的更好方法是什么

What is the better way to show a log in HTML showing the indentation?

本文关键字：显示 更好 方法 是什么 日志 缩进 HTML      更新时间：2023-09-26

>我有一个带有gulp任务的应用程序，在某个任务中我已经退休，就像一个安全包，当我使用gulp运行此任务时，我得到这样的日志： 

demo-mobile 1.1.5
  ↳ debowerify 1.3.1
    ↳ bower 1.3.12
      ↳ semver 2.3.2

我想将此日志保存为 html 格式，但不可能，当我运行 gulp 时，它会保存在 htmldiv 中。

child.stdout.setEncoding('utf8');
 child.stdout.on('data', function (data) {
    console.log(data);
 logInfo+= data;
});

html 模板不像控制台那样有缩进。

demo-mobile-1.1.5-↳-debowerify-1.3.1-↳-bower-1.3.12-

有人知道如何解决这种行为。

此致敬意。

好吧，可能有更好的方法，但是怎么样：

var input = "demo-mobile-1.1.5-↳-debowerify-1.3.1-↳-bower-1.3.12-";
var spaces = " ";
while (input.indexOf("-↳-") >0) {
	input = input.replace("-↳-", "<br>"+spaces+"↳");	
  spaces += " ";
}
// below is just to show the output.
var outputDiv = document.getElementById("output");
outputDiv.innerHTML = input;
<div id="output" style="white-space: pre">
</div>

相关文章：