rich-text 在有多行截断样式时无法显示
发布于 7 年前 作者 xiulan39 9579 次浏览 来自 问答

你想反馈一个 Bug 还是 提一个需求?

bug。

如果是 Bug:

* Bug 表现是什么?预期表现是什么?

我在使用一些缩略内容缩略内容有可能有一些简单的标签(粗体),但也可能没有。

没有标签的内容无法显示。

* 如何复现?

  • 使用多行截断样式

  • 传入纯文本(注意需要超出行数,并且文本中没有标签)

* 提供一个最简复现 Demo

// 没有标签的纯文本,无法显示
const html = `Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.`
// 随便添加一个标签,可以正常显示
const html2 = html + `<span />`
 
<rich-text class="content" nodes="{{html}}" />
<rich-text class="content" nodes="{{html2}}" />
 
.content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
回到顶部