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

Question

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

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

我想以 html 格式保存此日志但不可能，当我运行 gulp 时，它以 html div 格式保存].

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-

有人知道如何解决此问题。

此致。

Answer 1

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

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>

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

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

html

javascript

console

console.log

gulp