[發(fā)明專利]具有標簽的多行文本顯示方法、裝置、存儲介質和電子設備

有效

• 申請?zhí)枺?/td>: 202210406840.2
• 申請日: 2022-04-19
• 公開（公告）號: CN114519334B
• 公開（公告）日: 2022-07-08
• 發(fā)明（設計）人: 劉鑫磊;賈三慶
• 申請（專利權）人: 北京金堤科技有限公司
• 主分類號: G06F40/106
• 分類號: G06F40/106;G06F40/117
• 代理公司: 北京工信聯(lián)合知識產權代理有限公司 11266
• 代理人: 賈銀秋

本發(fā)明公開了一種具有標簽的多行文本顯示方法、裝置、存儲介質和電子設備，其中方法包括：利用當前頁面中設置的第一浮動標簽，對第二浮動標簽中的標簽定位；在所述當前頁面中設置第三標簽，所述第三標簽用于隱藏文本的部分內容。解決了用于展示文本的頁面受到展示空間、展示范圍的約束，直接設置超出展示空間、展示范圍的文本為隱藏，并顯示省略號的方式造成的省略號壓住了部分文字的技術問題。實現(xiàn)了多行文本顯示存在溢出時，標簽前文本省略，且表示文檔省略的省略號不會遮擋文字的技術效果。相比CSS通過webkit?box和webkit?line?clamp實現(xiàn)的多行文本溢出的解決方案，能夠較好地兼容各種瀏覽器。

技術領域

本發(fā)明涉及文本處理領域，尤其是一種具有標簽的多行文本顯示方法、裝置、存儲介質和電子設備。

背景技術

文本進行顯示時，用于展示文本的頁面具有展示空間、展示范圍的約束。展示文本受到展示空間、展示范圍的約束，造成文本內容無法全部顯示的場景較多，以某APP的微信推送監(jiān)控日報功能為例，該功能是將某APP的監(jiān)控功能與微信進行綁定，實現(xiàn)信息的推送，微信能夠每天向用戶推送監(jiān)控日報，由于展示的文本內容較多，多以多行顯示的方式在頁面中進行顯示，具有僅顯示部分文本，并在顯示的部分文本后顯示標記該文本的標簽的顯示需求。

為了提高用戶觀看文本的用戶體驗，現(xiàn)有技術中會采用將文本截斷的方式，對超出顯示空間、展示范圍的文本進行省略展示，使用的實現(xiàn)方案往往是直接將超出限制行數(shù)限制的文本設置為隱藏，并在顯示出的文本后增加省略號，以及在能夠顯示的行的最后一行的右下角，設置對該文本進行概括或說明的標簽，即直接定位一個省略號及標簽的顯示效果往往如圖1所示，圖1顯示了多行文本顯示效果，其中，在某多行文本顯示頁面，對多行文本溢出進行了處理，在公司詳情頁的行政許可維度，其處理方式是將超出限制行數(shù)的文本隱藏，在能夠顯示的最后一行的右下方定位了標簽，該方案由于字體的寬度的不確定，產生了省略號壓住了部分文字的效果。現(xiàn)有的CSS樣式可以實現(xiàn)固定長度內的單行文本溢出省略和固定行內的多行文本溢出省略，但CSS樣式的實現(xiàn)方式，其兼容性不好。

發(fā)明內容

有鑒于此，本發(fā)明提供了一種具有標簽的多行文本顯示方法、裝置、存儲介質和電子設備，能夠解決用于展示文本的頁面受到展示空間、展示范圍的約束，直接設置超出展示空間、展示范圍的文本為隱藏，并顯示省略號的方式造成的省略號壓住了部分文字的技術問題。

本發(fā)明提供一種具有標簽的多行文本顯示方法。所述方法包括：

利用當前頁面中設置的第一浮動標簽，對第二浮動標簽中的標簽定位；

在所述當前頁面中設置第三標簽，所述第三標簽用于隱藏文本的部分內容。

可選地，所述標簽為對文本節(jié)點對應的文本進行概括或說明的標簽，所述文本節(jié)點是指待顯示的一條文本的文本內容對應的節(jié)點。

可選地，當前頁面的顯示模式包括直接顯示模式及具有標簽的多行文本顯示模式；所述直接顯示模式，是在所述當前頁面中，直接顯示該文本的全部文本內容；所述具有標簽的多行文本顯示模式，是在所述當前頁面中，采用具有標簽的多行文本顯示方式顯示該文本的部分文本內容。

可選地，基于所述標簽在所述第二浮動標簽中的位置，確定所述第一浮動標簽的行數(shù)；所述第一浮動標簽的屬性設置為清除浮動。

可選地，所述第三標簽位于所述第二浮動標簽之后；所述第二浮動標簽中所述標簽之后的文本內容、所述第三標簽中的文本內容設置為隱藏。

可選地，所述第一浮動標簽的內容為空。

可選地，在所述標簽之前，增加省略號。

本發(fā)明提供一種具有標簽的多行文本顯示裝置。所述裝置包括：

標簽定位模塊：配置為利用當前頁面中設置的第一浮動標簽，對第二浮動標簽中的標簽定位；