@geeboo/reader

sidebar: false

geeboo/reader

pc阅读器，基于geeboo/epub支持解密，集成阅读器的基本功能。

迭代

v1.0.11

• 优化：cfi模块提高准确率
• 修复：空白页问题，由于插入节点导致

v1.0.10

• 添加 注释框
• 添加 笔记
• 添加 loading效果
• 修复 日夜频繁切换导致无法翻页
• 优化 cfi进度计算，精确到字
• 优化 编译额外js

v1.0.9

• cfi 进度记录

v1.0.8

• 优化夜间模式设置框
• 修复双栏模式时主适口的780的问题

v1.0.7

• 新增 “geeboo/img-view” 图片预览

v1.0.5

• 修复 el 样式
• 修复帮助样式等细节

v1.0.4

• 修复imgGuide图片不展示
• 优化 .guide-box padding-bittom：10px

v1.0.2

• 修复部分图片不展示

Demo

:::preview 阅读器 || 阅读电子书组件预览

demo-preview=./demo/read.vue

:::

配置

属性名	类型	说明
config	Object	配置
config.url	String/file	打开的地址 支持file blob ,也支持远程地址，注意远程地址需要支持跨域
deviceId	String	设备id
deviceModel	String	设备模式
treeNode	Element Ui/ Element PLus	传入element ui 的tree 或 elemnt plus 的tree 这里是为了对vue2 和vue3的兼容处理

属性

属性名	说明
Book	epubjs Book 实例
CFI	CFI 操作实例，也是作为CPA 的转换方法

方法

会在epub被加载完成后生成 *换算方案 CPA 为客户端方案，换算过去的原因就是为了和客户端一致

属性名	参数	说明
getCurrent ｜ - ｜ 获得当前位置的 CFI 和 CPA
gotoCPA ｜ 章,段，字 ｜ 根据CPA 跳转 path: [cfi],index: body的索引,paraIndex: 段落,atom:字索引,textContent:内容,dom: 段落节点
getCPAIFrame ｜ 章,段，字 ｜ 获得CPA 对应的位置信息 path: [cfi],index: body的索引,paraIndex: 段落,atom:字索引,textContent:内容,dom: 段落节点
getParas ｜ 节点 或下标 ｜获得元素信息

辅助说明 CFI

epubcfi(/6/2!/4/1:5)

• /6/2 章节cfi

字符串	说明
epubcfi	EPUB Canonical Fragment Identifier，EPUB规范中定义的一种标准化的片段标识符
/6 ｜ 固定编号
/6/2 ｜ 章节标识，对应 book.spine.items 的cfiBase