超限文本展示方法、装置、设备及存储介质与流程

本技术涉及前端文本展示，尤其涉及超限文本展示方法、装置、设备及存储介质。

背景技术：

1、随着前端应用在各行业的广泛应用，页面布局尺寸固定而文本内容长度多变的场景日益增多，超限文本的规范展示与完整复用已成为前端开发的基础需求。

2、原生截断方案仅能实现基础文本省略，无法兼顾缩略展示与完整信息获取；现有组件的复制功能仅能复制页面缩略文本，无法复制完整超限文本，且悬浮预览与文本复制相互独立，导致信息获取不全、操作繁琐及集成成本较高。

3、上述内容仅用于辅助理解本技术的技术方案，并不代表承认上述内容是现有技术。

技术实现思路

1、本技术的主要目的在于提供一种超限文本展示方法、装置、设备及存储介质，旨在解决如何在有限展示空间内保证超限文本信息的完整性和可复用性的技术问题。

2、为实现上述目的，本技术提出一种超限文本展示方法，所述的超限文本展示方法包括：

3、获取原始文本数据和展示配置参数；

4、根据所述展示配置参数对所述原始文本数据进行截断处理，得到缩略文本数据；

5、将所述缩略文本数据在页面展示区域进行渲染展示，并将所述原始文本数据与所述页面展示区域关联存储为操作数据源；

6、在检测到针对所述页面展示区域的预设悬浮操作时，根据所述操作数据源生成预览弹窗数据并输出至显示单元，以使所述显示单元渲染预览弹窗；

7、在检测到针对所述页面展示区域的预设复制触发操作时，根据所述操作数据源执行文本复制指令。

8、在一实施例中，所述根据所述展示配置参数对所述原始文本数据进行截断处理，得到缩略文本数据的步骤，包括：

9、解析所述展示配置参数，得到初始行数数值；

10、在所述初始行数数值大于预设最大行数值时，将所述预设最大行数值作为预设展示行数；

11、在所述初始行数数值不大于所述预设最大行数值时，将所述初始行数数值作为所述预设展示行数；

12、根据组件容器的宽度值和单字符宽度值确定单行字符容量；

13、根据所述单行字符容量和所述预设展示行数确定总字符容量；

14、根据所述总字符容量对所述原始文本数据进行截断，得到缩略文本数据。

15、在一实施例中，所述根据组件容器的宽度值和单字符宽度值确定单行字符容量的步骤，包括：

16、获取预设边距值和字符类型参数；

17、根据所述预设边距值和所述组件容器的宽度值确定有效展示宽度；

18、根据所述字符类型参数确定单字符宽度值；

19、根据所述有效展示宽度和所述单字符宽度值确定单行字符容量。

20、在一实施例中，所述将所述缩略文本数据在页面展示区域进行渲染展示，并将所述原始文本数据与所述页面展示区域关联存储为操作数据源的步骤，包括：

21、获取关键词集合、颜色配置参数以及匹配规则参数；

22、根据所述匹配规则参数确定是否启用大小写忽略模式；

23、在启用所述大小写忽略模式时，将所述关键词集合中的关键词转换为统一大小写格式，得到标准化关键词集合；

24、根据所述标准化关键词集合和所述颜色配置参数对所述缩略文本数据进行遍历匹配和样式替换，得到第一渲染文本数据；

25、根据所述标准化关键词集合和所述颜色配置参数对所述原始文本数据进行遍历匹配和样式替换，得到第二渲染文本数据；

26、将所述第一渲染文本数据在所述页面展示区域进行渲染展示，并将所述第二渲染文本数据与所述页面展示区域关联存储为操作数据源。

27、在一实施例中，所述在启用所述大小写忽略模式时，将所述关键词集合中的关键词转换为统一大小写格式，得到标准化关键词集合的步骤，包括：

28、在启用所述大小写忽略模式时，将所述关键词集合中的关键词转换为统一小写格式，得到第一标准化关键词集合；

29、在未启用所述大小写忽略模式时，将所述关键词集合中的关键词按照原格式保留，得到第二标准化关键词集合；

30、将所述第一标准化关键词集合或所述第二标准化关键词集合作为标准化关键词集合输出。

31、在一实施例中，所述在检测到针对所述页面展示区域的预设悬浮操作时，根据所述操作数据源生成预览弹窗数据并输出至显示单元，以使所述显示单元渲染预览弹窗的步骤，包括：

32、获取所述页面展示区域在视口中的位置坐标；

33、获取所述视口的边界坐标和预览弹窗的预设尺寸值；

34、根据所述位置坐标、所述边界坐标以及所述预设尺寸值确定弹窗显示位置；

35、根据所述弹窗显示位置和所述操作数据源生成预览弹窗布局数据；

36、将所述预览弹窗布局数据作为所述预览弹窗数据输出至所述显示单元，以使所述显示单元在所述弹窗显示位置渲染预览弹窗。

37、在一实施例中，所述在检测到针对所述页面展示区域的预设复制触发操作时，根据所述操作数据源执行文本复制指令的步骤，包括：

38、监测用户在所述页面展示区域的操作事件；

39、判断所述操作事件是否为点击事件；

40、在所述操作事件为所述点击事件时，调用系统剪贴板接口；

41、将所述原始文本数据写入所述系统剪贴板接口；

42、通过所述系统剪贴板接口执行文本复制指令。

43、此外，为实现上述目的，本技术还提出一种超限文本展示装置，所述装置包括：

44、数据获取模块，用于获取原始文本数据和展示配置参数；

45、截断处理模块，用于根据所述展示配置参数对所述原始文本数据进行截断处理，得到缩略文本数据；

46、渲染绑定模块，用于将所述缩略文本数据在页面展示区域进行渲染展示，并将所述原始文本数据与所述页面展示区域关联存储为操作数据源；

47、预览输出模块，用于在检测到针对所述页面展示区域的预设悬浮操作时，根据所述操作数据源生成预览弹窗数据并输出至显示单元，以使所述显示单元渲染预览弹窗；

48、复制执行模块，用于在检测到针对所述页面展示区域的预设复制触发操作时，根据所述操作数据源执行文本复制指令。

49、此外，为实现上述目的，本技术还提出一种超限文本展示设备，所述设备包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述计算机程序配置为实现如上文所述的超限文本展示方法的步骤。

50、此外，为实现上述目的，本技术还提出一种存储介质，所述存储介质为计算机可读存储介质，所述存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如上文所述的超限文本展示方法的步骤。

51、此外，为实现上述目的，本技术还提供一种计算机程序产品，所述计算机程序产品包括计算机程序，所述计算机程序被处理器执行时实现如上文所述的超限文本展示方法的步骤。

52、本技术提出的一个或多个技术方案，至少具有以下技术效果：

53、通过将原始文本数据截断为缩略文本数据进行页面渲染展示，并将原始文本数据与页面展示区域关联存储为操作数据源，使得在有限展示空间内既能通过缩略文本维持页面布局规整，又能通过同一操作数据源响应悬浮操作和复制操作，从而实现超限文本完整信息的预览与复用。