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

自定义悬浮工具提示包括两个步骤。首先，您应该创建一个自定义控制器来定义目标工具的逻辑，然后在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	下划线工具