无编码基础：如何在SharePoint现代页面显示文本文件内容

操作步骤： #

1. 上传并获取文本文件URL

   • 将你的文本文件上传到SharePoint文档库
   • 复制文件的直接访问URL：可以打开文件后复制浏览器地址栏的完整链接；或者右键文件→「复制链接」，删除链接末尾?e=xxx这类参数，只保留到.txt结尾的部分

2. 添加脚本编辑器部件

   • 打开要编辑的现代页面，进入编辑模式，添加「JS Modern Script Editor」web部件

3. 粘贴并修改代码

   • 把下面的代码粘贴到脚本编辑器中，替换YOUR_TEXT_FILE_URL为你刚才复制的文本文件URL：

// 替换为你的文本文件URL
const textFileUrl = "YOUR_TEXT_FILE_URL";

// 创建用于显示内容的容器
const contentBox = document.createElement('div');
contentBox.style.padding = '16px';
contentBox.style.border = '1px solid #eee';
contentBox.style.borderRadius = '4px';

// 加载并显示文本内容
fetch(textFileUrl)
  .then(res => {
    if (!res.ok) throw new Error('文件加载失败');
    return res.text();
  })
  .then(content => {
    // 直接显示原始文本（保留换行）
    contentBox.textContent = content;
    // 若需将文本换行转为网页换行，可替换上面一行为：
    // contentBox.innerHTML = content.replace(/\n/g, '<br>');
  })
  .catch(err => {
    contentBox.textContent = `加载出错: ${err.message}`;
    contentBox.style.color = '#d93025';
  });

// 将内容容器添加到页面
document.currentScript.insertAdjacentElement('afterend', contentBox);

说明： #

• 代码会自动加载并显示文本文件内容，默认保留原始文本的换行格式
• 如果需要让文本中的换行在网页上生效，可注释掉contentBox.textContent = content;，取消注释下方的innerHTML代码行
• 若文件加载失败，会显示红色的错误提示

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