# 自定义文本选择工具浮动工具框

自定义悬浮工具提示包括两个步骤。首先,您应该创建一个自定义控制器来定义目标工具的逻辑,然后在 fragments 中添加或者编辑该工具。本节内容将介绍:

  • 创建自定义控制器和通过 fragments 修改组件示例
  • 悬浮工具提示中使用的逻辑处理方法
  • 悬浮工具提示的组件名称

# 创建自定义控制器和通过 fragment 配置修改组件示例

示例代码在 /examples/UIExtension/custom-text-selection-tool 目录下。

# 悬浮工具提示中使用的逻辑处理方法

在某些情况下,当您修改工具提示时,您很可能希望创建自己的控制器来处理工具。以下代码是创建控制器的常用方法。

var tooltipLayer = this.component.getClosestComponentByType('tooltip-layer');
var textSelectionTool = tooltipLayer.getCurrentSelectionTool();
textSelectionTool.getSelectionInfo().then((selectionInfo)=>{
});
textSelectionTool.pageRender //The current rendering page object  

getClosestComponentByType() 函数用来获取匹配的工具提示层。 getCurrentSelectionTool() 函数用来获取文本选择工具对象。 getSelectionInfo() 函数用来获取选定的文本信息和当前渲染页面对象。获取的文本信息包括:

  • page // PDF 页面对象
  • text // 文本内容
  • rectArray // 文本块 (单位: point)

# 悬浮工具提示的组件名称

组件名称 描述
fv--text-selection-tooltip 悬浮工具提示层
fv--text-selection-tooltip-copy 复制工具
fv--text-selection-tooltip-create-highlight 高亮工具
fv--text-selection-tooltip-create-strikeout 删除线工具
fv--text-selection-tooltip-create-underline 下划线工具