EPUB: Rewrite <object data> to <img src>

For https://github.com/sarabander/sicp
zotero · Aug 29, 2024 · f54b31f · f54b31f
1 parent dbf4bef
commit f54b31f
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/epubjs/epub.js b/epubjs/epub.js
diff --git a/src/dom/epub/lib/sanitize-and-render.ts b/src/dom/epub/lib/sanitize-and-render.ts
@@ -51,6 +51,22 @@ export async function sanitizeAndRender(xhtml: string, options: {
 		else if (elem.tagName == 'title') {
 			toRemove.push(elem);
 		}
+		else if (elem.tagName === 'object'
+				&& elem.hasAttribute('data')
+				&& elem.getAttribute("type")?.startsWith("image/")) {
+			// <object data="..."> apparently can't display blob: SVGs in Firefox
+			let img = doc.createElement('img');
+			for (let attr of elem.getAttributeNames()) {
+				if (attr === 'data' || attr === 'title') {
+					continue;
+				}
+				img.setAttribute(attr, elem.getAttribute(attr)!);
+			}
+			img.src = elem.getAttribute('data')!;
+			img.alt = elem.getAttribute('title') || elem.textContent || '';
+			elem.replaceWith(img);
+			walker.currentNode = img;
+		}
 	}
 
 	for (let elem of toRemove) {