如何将Whois API返回的Content参数按官网格式HTML展示？

• 问题根源：API返回的content参数里包含**换行符（\n）和制表符（\t）**等空白字符，但HTML默认会忽略这类空白，导致所有文本挤在一起并排显示。

• 快速还原官网排版的方法：用HTML的<pre>标签包裹内容
  <pre>标签会完整保留文本里的换行、空格、制表符，直接按照原格式渲染，代码示例：

  <pre>{{ 你的content参数内容 }}</pre>
  

  这一步就能实现和Whois官网一致的基础排版效果。

• 自定义样式的进阶方法：替换空白字符为HTML标签
  如果需要调整字体、行高这类样式，可以手动把换行符替换成<br>，制表符替换成多个 （或自定义缩进），示例代码（JavaScript）：

  // 处理content内容
  const formattedContent = content
    .replace(/\n/g, '<br>')
    .replace(/\t/g, '&nbsp;&nbsp;&nbsp;&nbsp;');
  // 插入到页面元素中
  document.getElementById('whois-content').innerHTML = formattedContent;
  

  再配合CSS优化样式（贴合官网的等宽字体）：

  #whois-content {
    font-family: monospace;
    line-height: 1.5;
  }
  

内容的提问来源于stack exchange，提问作者CodeInSpace