改造内容: - 改名 Web to Pixso → Web to PPT - 删除 pixso-plugin/、element-picker.js、popup-panel.js - 新增 convert-browser.js(浏览器版转化逻辑) - 新增 lib-pptxgen.js(pptxgenjs 浏览器 bundle) - 重写 popup.js(触发捕获→转化→下载) - 重写 background.js(缓存采集数据,支持 WEB_TO_PPT_GET_DATA) - manifest.json 改名 + 添加 default_popup 流程:popup 点击导出 → background 抓取 DOM → popup 运行转化 → chrome.downloads 下载 PPTX
48 lines
1.4 KiB
HTML
48 lines
1.4 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Web to PPT</title>
|
|
<link rel="stylesheet" href="popup.css">
|
|
</head>
|
|
<body>
|
|
<main class="shell">
|
|
<div class="header">
|
|
<div class="logo-title">
|
|
<img src="logo/plugin-logo.png" alt="" class="logo">
|
|
<span class="title">Web to PPT</span>
|
|
<span class="version-badge">v2.0</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<div class="setting-row">
|
|
<span class="setting-label">采集宽度</span>
|
|
<label class="width-input-wrap">
|
|
<input class="width-input" id="captureWidth" type="text" inputmode="numeric" placeholder="自动">
|
|
<span class="width-unit">px</span>
|
|
</label>
|
|
</div>
|
|
|
|
<button class="capture-btn" id="exportBtn" type="button">
|
|
<span id="btnText">导出 PPTX</span>
|
|
</button>
|
|
|
|
<div class="status" id="status" hidden>
|
|
<div class="progress-bar"><div class="progress-fill" id="progressFill"></div></div>
|
|
<span class="status-text" id="statusText">准备中...</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<span class="author">html2pptx engine</span>
|
|
</div>
|
|
</main>
|
|
|
|
<script src="lib-pptxgen.js"></script>
|
|
<script src="lib-jszip.js"></script>
|
|
<script src="convert-browser.js"></script>
|
|
<script src="popup.js"></script>
|
|
</body>
|
|
</html>
|