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

时间:2016-01-15 20:45:43

标签: javascript html console gulp console.log

我有一个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-

有人知道如何解决这种问题。

最诚挚的问候。

1 个答案:

答案 0 :(得分:0)

嗯,可能有更好的方法,但是如何:



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;
&#13;
<div id="output" style="white-space: pre">


</div>
&#13;
&#13;
&#13;