- Browse dashboard at / with search, framework filter, tag pills, and pagination - Tags system with autocomplete datalist and per-fiddle tag management - Listed/unlisted toggle for visibility control (unlisted still accessible via direct URL) - Export standalone HTML with inlined CSS/JS and framework CDN tags - QR code modal for sharing fiddle URLs - Embed mode at /embed/:id for minimal preview-only rendering - Extract shared loadScript() utility from 4 files into utils.js - Database schema: listed column, tags and fiddle_tags tables with index
24 lines
776 B
HTML
24 lines
776 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Fiddle Embed</title>
|
|
<style>
|
|
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
|
html, body { height: 100%; overflow: hidden; }
|
|
body { background: #fff; }
|
|
body.dark { background: #1e1e1e; }
|
|
iframe { width: 100%; height: 100%; border: none; }
|
|
.embed-error {
|
|
display: flex; align-items: center; justify-content: center;
|
|
height: 100%; font-family: sans-serif; color: #888; font-size: 14px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<iframe id="preview-frame" sandbox="allow-scripts allow-same-origin"></iframe>
|
|
<script type="module" src="/js/embed.js"></script>
|
|
</body>
|
|
</html>
|