javascript - chop Sharepoint Online 列表中的 "Multiple lines of text"列

Question

由于 Microsoft 最近在 Office 365 中对 Sharepoint 列表中的“多行文本”列进行了更改，我现在陷入了一种特定情况。

我的主要目标是 chop 此列。如果此列中有很多字符，它会占用显示页面，因为它最多可以包含 60k 个字符。

我希望将列表页面上此列的行数限制为 5 行，然后如果可能的话添加一个“查看更多”按钮？

我找到了这篇关于使用 JSON 格式化共享点列表中的列的文章。 https://learn.microsoft.com/en-us/sharepoint/dev/declarative-customization/column-formatting

我看到您可以使用此脚本将列放入 div，但我想知道是否可以使用 JSON 限制此列的行数？

{ "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json ", "elmType": "div", "txtContent": "@currentField"

Answer 1

"is"限制到一定数量的文本行，但“否”到“查看更多”按钮，至少在 JSON 格式的能力范围内。

您可以通过添加 line-clamp CSS styles 来限制使用省略号(“...”)显示的行数到你的分区。注意-webkit-line-clamp的值是你想要显示的行数。

{
   "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
   "elmType": "div",
   "style": {
          "display": "-webkit-box",
          "-webkit-line-clamp": 3,
          "-webkit-box-orient": "vertical",
          "overflow": "hidden"
   },
   "txtContent": "@currentField"
}

但是，您不能在 JSON 列格式化程序中嵌入 JavaScript，因此如果您想要一个可以切换显示其余文本的“查看更多”按钮，您将需要构建一个自定义编码的 SharePoint Framework (SPFx) Field Extension。 .