Function optimizationElementWithImage

packages/scripts/src/utils/work.ts:187–206

(root: HTMLElement, clone_node: boolean = false)

 * 返回一个克隆的节点
 */
export function optimizationElementWithImage(root: HTMLElement, clone_node: boolean = false): HTMLElement {
	const clone = clone_node ? (root.cloneNode(true) as HTMLElement) : root;
	for (const img of Array.from(clone.querySelectorAll('img'))) {
		// 如果已经存在识别结果，则不处理
		if (
			Array.from(img.parentElement!.querySelectorAll('span')).some(
				(e) => e.style.fontSize === '0px' && e.textContent?.includes(img.src)
			)
		) {
			continue;
		}

		const src = document.createElement('span');
		src.innerText = img.src;
		// 隐藏图片，但不影响 innerText 的获取
		src.style.fontSize = '0px';
		img.after(src);
	}
	return clone;
}

/**
 * 创建一个不可见的文本节点，追加到图片后面，便于文本获取