List-Formatting在文档库中的应用：缩略图、预览和文件操作

List-Formatting在文档库中的应用：缩略图、预览和文件操作

【免费下载链接】List-FormattingList Formatting Samples for use in SharePoint and Microsoft Lists项目地址: https://gitcode.com/gh_mirrors/li/List-Formatting

List-Formatting是Microsoft Lists和SharePoint文档库的强大功能，它能帮助用户通过简单的JSON配置实现文档库的个性化展示。本文将详细介绍如何利用List-Formatting实现缩略图显示、文件预览和便捷的文件操作，提升文档管理效率。

为什么需要List-Formatting？

在传统的文档库视图中，文件通常以列表形式展示，缺乏直观的视觉提示和快速操作入口。List-Formatting通过自定义列的显示方式，让文档库变得更加直观和易用。无论是图片、文档还是演示文稿，都能以更友好的方式呈现，同时提供一键预览、打开等操作，极大提升了用户体验。

实现文件缩略图显示

缩略图是文档库中最直观的视觉元素之一。通过List-Formatting，我们可以轻松为不同类型的文件添加缩略图预览。

基础缩略图配置

最简单的缩略图配置只需几行JSON代码，即可在文档库中显示文件的中等大小缩略图：

{ "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json", "elmType": "img", "attributes": { "src": "@thumbnail.medium" }, "style": { "display": "block", "margin": "0 auto", "max-height": "42px" } }

这个配置文件位于column-samples/file-thumbnail/file-thumbnail.json，它会为文档库添加一个缩略图列，显示文件的中等大小预览图。

点击缩略图打开灯箱效果

更高级的应用是点击缩略图后打开灯箱效果，显示更大尺寸的预览。下面是一个实现此功能的示例：

这种效果不仅美观，还能让用户快速预览文件内容而无需打开完整应用。

文件预览功能实现

除了缩略图，List-Formatting还支持直接在浏览器中预览文件内容，无需下载或打开相关应用程序。

文档预览配置

下面的JSON配置实现了一个文件预览功能，支持Office文档的在线预览：

{ "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json", "elmType": "a", "attributes": { "class": "ms-fontColor-themePrimary ms-fontColor-themeDark--hover", "title": "Fullscreen Preview", "target": "_blank", "href": "=if([$File_x0020_Type] == 'docx' || [$File_x0020_Type] == 'pptx' || [$File_x0020_Type] == 'xlsx', @currentWeb +'/_layouts/15/Doc.aspx?sourcedoc=' + [$UniqueId] + '&action=embedview', [$FileRef])" }, "style": { "border": "none", "background-color": "transparent", "cursor": "pointer", "text-decoration": "none" }, "children": [ { "elmType": "span", "attributes": { "iconName": "View" } } ] }

这个配置文件位于column-samples/generic-file-preview/generic-file-preview.json，它会为文档库添加一个预览按钮，点击后在新窗口中打开文件预览。

演示文稿预览效果

对于PowerPoint演示文稿，预览功能特别有用，用户可以直接在浏览器中查看幻灯片内容：

文件操作优化

List-Formatting不仅可以美化文档库显示，还能优化文件操作流程，提供更便捷的文件管理体验。

视图模式切换

默认情况下，点击文档库中的文件会直接打开编辑模式。通过List-Formatting，我们可以修改这一行为，让文件默认以视图模式打开，避免误编辑：

相关配置文件位于column-samples/filename-open-document-in-view-mode/assets/sample.json，它通过修改链接的目标地址实现了视图模式打开文件。

其他实用文件操作

除了预览和视图模式，List-Formatting还支持多种文件操作，如：

• 直接下载文件
• 分享文件
• 查看文件版本历史
• 在新窗口中打开文件

这些操作都可以通过简单的JSON配置实现，大大提升了文档库的使用效率。

如何开始使用List-Formatting？

要开始使用List-Formatting，你需要：

1. 克隆仓库：git clone https://gitcode.com/gh_mirrors/li/List-Formatting
2. 浏览column-samples/目录，找到适合你需求的格式化配置
3. 在SharePoint或Microsoft Lists中应用这些JSON配置

每个配置都有详细的说明文档，位于对应目录的README.md文件中，例如column-samples/file-thumbnail/README.md。

总结

List-Formatting为SharePoint和Microsoft Lists提供了强大的自定义能力，通过简单的JSON配置，就能实现丰富的视觉效果和便捷的文件操作。无论是缩略图显示、文件预览还是操作优化，都能极大提升文档库的使用体验。如果你还在使用默认的文档库视图，不妨尝试List-Formatting，让你的文档管理更加高效直观！

【免费下载链接】List-FormattingList Formatting Samples for use in SharePoint and Microsoft Lists项目地址: https://gitcode.com/gh_mirrors/li/List-Formatting