如何在 TimelineItem 控件的文本属性中显示换行符？

Question

我们有一个 SAPUI5 时间线控件，我们在其中显示来自服务器的 cmets。

问题是，如果 cmets 包含换行符 \n，则 Timeline 控件无法在换行符中显示文本。相反，它会在出现\n 的任何地方引入空间。 我们也尝试将 \n 格式化为 unicode 字符，但这也没有用。 Timeline 控件聚合 TimelineItem。 我们使用的控件是：https://ui5.sap.com/#/api/sap.suite.ui.commons.TimelineItem

代码 sn-p 可以在以下位置找到： https://jsbin.com/kuluyehilu/edit?html,output

Answer 1

我检查了您的示例并提出了以下解决方案。

由于文本嵌入在<span> 中，所有不必要的空格都将被修剪。你可以做的是告诉 span（通过 CSS）它应该显示空白。

如果您的项目中还没有 CSS 文件，请创建一个。然后添加以下行

div.sapSuiteUiCommonsTimelineItemShellBody>span {
    white-space: pre;
}

这应该可以解决问题。

JSBin：https://jsbin.com/feladeneso/1/edit?html,output

Answer 2

如果你检查渲染的元素，你会看到它实际上被放入了中断：

<span id="__item0-realtext">x
y</span>

...但没有将其转换为<br/> 标记。您不能自己添加标签，因为它也会被转义。也许您可以尝试覆盖渲染器，并将任何换行符转换为 html 换行符