Question

这里我使用一个函数来显示另一个函数的源代码，但是源代码没有正确缩进，并且没有换行符。如果我在控制台中打印相同的代码，它会正确缩进。我只想让源代码正确缩进空格和换行符。我不知道如何实现这一点。虽然我尝试了模式匹配但没有运气。提前致谢

function calc(){
    var x,y,x;
     x = 10;
     y = 56;
     z = x + y;
     console.log('The sum is: ' + z);
  }
function showCode(){
  var target = document.getElementById("writeCode");
  var sourceCode;
  sourceCode = String(calc);
  target.innerHTML = sourceCode; //Not indented and no white spaces
  console.log(String(calc)); //Everything is fine
}

<button onclick = "showCode()">SHOW SOURCE</button>  
<p id = "writeCode"></p>

Answer 1

尝试<pre id = "writeCode"></pre>，在这种情况下，标签可能是最正确的。

标签定义了预先格式化的文本。

元素中的文本以固定宽度字体（通常为Courier）显示，并保留空格和换行符。

Read more at w3schools

Answer 2

只需使用pre标记即可在html

中进行渲染

function calc(){
    var x,y,x;
     x = 10;
     y = 56;
     z = x + y;
     console.log('The sum is: ' + z);
  }
function showCode(){
  var target = document.getElementById("writeCode");
  var sourceCode;
  sourceCode = String(calc);
  target.innerHTML = sourceCode;
}

<button onclick = "showCode()">SHOW SOURCE</button>  
<pre id = "writeCode"></pre>

如何在quine函数中添加换行符，我希望在每行源代码后都有适当的缩进和换行符

2 个答案: