javascript - innerHTML 不尊重缩进

Question

我在客户端有一段代码，它通过带有node.js后端的socket.io接收一些数据。我收到一些缩进数据(这是一些字符串格式的代码)。我可以提醒代码，并且看到它在提醒中缩进，但是当我执行 document.getElementById('myDiv').innerHTML = returnedData.indentedData 时，数据在 myDiv< 中输出 没有缩进，只是在一行中。

您知道填充 HTML 元素时在某些字符串中遵守缩进的方法吗？

更准确地说，我以这种形式提醒数据:

class Motto {
  public static void main(String[] args) {
    System.out.println("Java rules!");
  }
}

但是我在 myDiv 中看到的是这样的:

class Motto { public static void main(String[] args) { System.out.println("Java rules!"); } }

谢谢

Answer 1

大多数时候，输出这样的代码，您需要将其包装在 <pre> 中和<code>标签。

document.getElementById('myDiv').innerHTML = "<pre><code>"+receivedData.indentedData+"</code></pre>";

这就是 StackOverflow markdown 编辑器对代码片段所做的事情。