时间戳

首页 > 解决方案 > 将 github 文件数据渲染到 div

javascript - 将 github 文件数据渲染到 div

问题描述

需要一些帮助。我从 Github 存储库中获取了一个文件的内容。现在我想在一个 div 元素中显示文件的内容，就像在文件中显示一样；缩进应该是一样的。目前，整个文件显示在一行中。

async function call() {
  let url = "https://api.github.com/repos/KushRohra/PythonProjects/contents/Basic_DSA_Codes/1. Two Number Sum.py";
  let response = await fetch(url);
  data = await response.json();
  s = atob(data.content)
  console.log(s);
  document.getElementById("code").innerHTML = s;
}
call();
<div id="code"></div>

标签： javascripthtmlapiflask

解决方案

<br>您可以用相应数量的替换所有换行符和所有空格&nbsp;：

async function call() {
  let url = "https://api.github.com/repos/KushRohra/PythonProjects/contents/Basic_DSA_Codes/1. Two Number Sum.py";
  let response = await fetch(url);
  data = await response.json();
  s = atob(data.content)
  console.log(s);
  document.getElementById("code").innerHTML = s.replace(/\n/g, '<br>').replace(/\s/g, '&nbsp;')
}
call();
<div id="code"></div>

推荐阅读