Epub阅读器0.0.1

2026-05-21 19:40:51 +08:00
commit daa36d8fe7
559 changed files with 106266 additions and 0 deletions
@@ -0,0 +1,261 @@
+/**
+ * Copyright (C) 2015 Wasabeef
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+var RDisplay = {};
+
+RDisplay.editor = document.getElementById('editor');
+RDisplay.dataSeparator = "r_e_ds";
+
+// Initializations
+RDisplay.onBookToucheStart = function(ele){
+    ele.classList.add('re_bookItem_Touched');
+}
+RDisplay.onBookToucheEnd = function(ele){
+    ele.classList.remove('re_bookItem_Touched');
+}
+RDisplay.clickedBookId = null
+
+RDisplay.onBookClick = function(ele){
+    var id = ele.getAttribute('data-id');
+    wereadBridge.handleWithRichEditor("onGotoBookDetail", {"data-id" : id}, "", "");
+}
+
+RDisplay.getClickedBookPosition = function() {
+    if(RDisplay.clickedBookId) {
+        var ele = document.getElementById(RDisplay.clickedBookId);
+        var position = RDisplay.getCoords(ele)
+        var position = {"top":position.top,"height":position.height,"width":position.width,"left":position.left}
+        var result = JSON.stringify(position)
+        return result
+    }
+}
+RDisplay.onImageClick = function(ele){
+    var src = ele.getAttribute('src');
+    var index = ele.getAttribute('index')
+    RDisplay.clickedBookId = ele.getAttribute('id');
+    var position = RDisplay.getCoords(ele)
+    wereadBridge.handleWithRichEditor("onGotoImageDetail", {"src" : src,"index":index,"top":position.top,"height":position.height,"width":position.width,"left":position.left}, "", "");
+}
+var reBookItems = document.querySelectorAll('.re_bookItem');
+var reImgs = document.querySelectorAll('.re_img');
+if(reBookItems.length > 0){
+    for(var i = 0; i<reBookItems.length; i++){
+        var bookItem = reBookItems[i];
+        bookItem.setAttribute('ontouchstart', 'RDisplay.onBookToucheStart(this)');
+        bookItem.setAttribute('ontouchend', 'RDisplay.onBookToucheEnd(this)');
+        bookItem.setAttribute('ontouchcancel', 'RDisplay.onBookToucheEnd(this)');
+        bookItem.setAttribute('onclick', 'RDisplay.onBookClick(this)');
+    }
+}
+if(reImgs.length > 0){
+    for(var i = 0; i<reImgs.length; i++){
+        var img = reImgs[i];
+        img.setAttribute('onclick', 'RDisplay.onImageClick(this)');
+        img.setAttribute('index', i.toString());
+        var idStr = "re_img_" + i
+        img.setAttribute('id',idStr);
+    }
+}
+
+RDisplay.getAllImgSrcs = function() {
+
+    srcArray = [];
+    var imgs = document.querySelectorAll('.re_img');
+    for (var i = 0; i < imgs.length; i++) {
+        srcArray.push(imgs[i].getAttribute('src'))
+    }
+    var srcs = "";
+    if (srcArray.length > 0) {
+        srcs = srcArray.join(RDisplay.dataSeparator);
+    }
+
+    return srcs;
+}
+
+// 获取当前光标的node
+RDisplay.getSelectedNode = function() {
+    var node = RDisplay.getSelectedBaseNode();
+    if (node) { return (node.nodeName == "#text" ? node.parentNode : node); }
+};
+
+// 获取当前光标的node
+RDisplay.getSelectedBaseNode = function() {
+    var node, selection;
+    if (window.getSelection) {
+        selection = getSelection();
+        node = selection.anchorNode; // 返回该选区起点所在的节点（Node）
+    }
+    if (!node && document.selection) {
+        selection = document.selection
+        var range = selection.getRangeAt ? selection.getRangeAt(0) : selection.createRange();
+        node = range.commonAncestorContainer ? range.commonAncestorContainer :
+        range.parentElement ? range.parentElement() : range.item(0);
+    }
+    return node;
+};
+
+RDisplay.setHtml = function(str){
+    document.getElementById('editor').innerHTML = str;
+}
+
+RDisplay.selected = function() {
+    RDisplay.editor.style.backgroundColor = 'rgba(238, 239, 241, 1)';
+}
+
+RDisplay.unselected = function() {
+    RDisplay.editor.style.backgroundColor = 'rgba(255, 255, 255, 1)';
+}
+
+RDisplay.logDom = null;
+RDisplay.log = function(str){
+    if(RDisplay.logDom == null){
+        RDisplay.logDom = document.createElement('div');
+        RDisplay.logDom.setAttribute('style','position:absolute;top:0;right:0;font-size:12px;border:1px solid #000;color:#000;padding:3px');
+        document.getElementsByTagName('body')[0].appendChild(RDisplay.logDom);
+    }
+    RDisplay.logDom.innerHTML = RDisplay.logDom.innerHTML + "<br/>" + str;
+}
+
+document.addEventListener("selectionchange", function(e) {
+    RDisplay.contentChanged(e);
+});
+RDisplay.contentChanged = function(e) {
+
+    var param = {};
+    if (typeof(e) != "undefined") {
+        var node = RDisplay.getSelectedNode();
+        if (node) {
+            var nodeName = node.nodeName.toLowerCase();
+
+            // Link
+            if (nodeName == 'a') {
+                var title = node.getAttribute('title');
+                var href = node.getAttribute('href');
+                if (href != undefined) { param['link:'] = href; }
+                if (title !== undefined) { param['link-title'] = title; }
+                param['link-text'] = node.innerText;
+            }
+
+        }
+    }
+
+    wereadBridge.handleWithRichEditor("onSelectionChange",param, "", "");
+
+}
+
+RDisplay.getCoords = function(elem) {
+    var box = elem.getBoundingClientRect();
+
+    var body = document.body;
+    var docEl = document.documentElement;
+
+    var scrollTop = window.pageYOffset || docEl.scrollTop || body.scrollTop;
+    var scrollLeft = window.pageXOffset || docEl.scrollLeft || body.scrollLeft;
+
+    var clientTop = docEl.clientTop || body.clientTop || 0;
+    var clientLeft = docEl.clientLeft || body.clientLeft || 0;
+
+    var top = box.top + scrollTop - clientTop;
+    var left = box.left + scrollLeft - clientLeft;
+
+    return {
+    top: Math.round(top),
+    left: Math.round(left),
+    height: box.height,
+    width: box.width
+    };
+}
+
+
+RDisplay.getLastImgSrc = function(){
+    var imgs = document.getElementsByTagName('img');
+    for(var i = imgs.length - 1;i >= 0;i--){
+        var img = imgs[i];
+        var src = img.getAttribute('src');
+        if(src && (src.indexOf('http:') == 0 || src.indexOf('https:') == 0 || src.indexOf('wrcachedwebviewurlkey-http:') == 0 || src.indexOf('wrcachedwebviewurlkey-https:') == 0)){
+            return src;
+        }
+        var data_src = img.getAttribute('data-src');
+        if(data_src && (data_src.indexOf('http:') == 0 || data_src.indexOf('https:') == 0 || data_src.indexOf('wrcachedwebviewurlkey-http:') == 0 || data_src.indexOf('wrcachedwebviewurlkey-https:') == 0)){
+            return data_src;
+        }
+    }
+    return '';
+}
+
+RDisplay.removeImgWithSrc = function(url) {
+    var imgs = document.getElementsByTagName('img');
+    for (var i = imgs.length - 1; i >= 0; i--) {
+        var img = imgs[i]
+        var data_src = img.getAttribute('data-src');
+        var src = img.getAttribute('src');
+        if(data_src === url || src === url) {
+            img.parentNode.removeChild(img);
+        }
+    }
+}
+
+RDisplay.getText = function() {
+    
+    var tempDom = document.createElement('div');
+    // 过滤掉插入的书dom里的文字，这里需要过滤掉零宽连字符，不然牛逼的ios里面会出现乱码
+    tempDom.innerHTML = RDisplay.editor.innerHTML.replace(new RegExp('\u200D', 'g'), '')
+    .replace('<br>', '')
+    .replace('<br />', '');
+    // getText时将插入的书籍和图片转化成 [书籍] [图片]
+    var books = tempDom.querySelectorAll('.re_bookItem'),
+    imgs = tempDom.querySelectorAll('.re_img');
+    if(books.length > 0){
+        for(var i=0; i<books.length; i++){
+            var bookDom = books[i],
+            bookTextNode = document.createTextNode('[书籍]');
+            bookDom.parentNode.insertBefore(bookTextNode, bookDom);
+            bookDom.parentNode.removeChild(bookDom);
+        }
+    }
+    if(imgs.length > 0){
+        for(var i=0; i<imgs.length; i++){
+            var imgDom = imgs[i],
+            imgTextNode = document.createTextNode('[图片]');
+            imgDom.parentNode.insertBefore(imgTextNode, imgDom);
+            imgDom.parentNode.removeChild(imgDom);
+        }
+    }
+    return tempDom.innerText;
+}
+
+
+RDisplay.getHtmlForEpub = function() {
+    return RDisplay.editor.innerHTML;
+}
+
+RDisplay.getAllBookIds = function() {
+    var books = RE.editor.querySelectorAll('.re_bookItem'),
+    idArray = [];
+    for (var i = 0; i < books.length; i++) {
+        idArray.push(books[i].getAttribute('data-id'))
+    }
+    var bookIds = "";
+    if (idArray.length > 0) {
+        bookIds = idArray.join(RE.dataSeparator);
+    }
+    
+    return bookIds;
+}
+
+document.addEventListener("DOMContentLoaded", function(event) {
+                          wereadBridge.handleWithRichEditor("onDOMContentLoaded", "", "", "");
+                          });