@geeboo/reader v1.0.11
sidebar: false
geeboo/reader
pc阅读器,基于geeboo/epub
支持解密,集成阅读器的基本功能。
迭代
v1.0.11
1. 优化:cfi模块提高准确率
2. 修复:空白页问题,由于插入节点导致
v1.0.10
1. 添加 注释框
2. 添加 笔记
3. 添加 loading效果
3. 修复 日夜频繁切换导致无法翻页
1. 优化 cfi进度计算,精确到字
1. 优化 编译额外js
v1.0.9
1. cfi 进度记录
v1.0.8
1. 优化夜间模式设置框
1. 修复双栏模式时主适口的780
的问题
v1.0.7
1. 新增 “geeboo/img-view” 图片预览
v1.0.5
1. 修复 el 样式
2. 修复帮助样式等细节
v1.0.4
1. 修复imgGuide
图片不展示
2. 优化 .guide-box
padding-bittom:10px
v1.0.2
1. 修复部分图片不展示
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