Spaces:
Running
Running
File size: 1,703 Bytes
26240b0 0299a9d 26240b0 0299a9d 26240b0 0299a9d 26240b0 0299a9d 26240b0 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DOM to Semantic Markdown Converter</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<div class="w-dvh grid h-dvh grid-rows-[50px,1fr] overflow-hidden max-2xl:text-sm">
<div class="flex px-3 items-center gap-3 2xl:gap-5 whitespace-nowrap">
<input type="url" id="url-input" placeholder="Enter URL" class="bg-gray-100 h-8 w-96 rounded-md px-2 border border-gray-200" required>
<label>
<input type="checkbox" id="extract-main-content"> Extract main content
</label>
<label>
<input type="checkbox" id="refify-urls"> Refify URLs
</label>
<label>
<input type="checkbox" id="enable-table-column-tracking"> Table column tracking
</label>
<button type="submit" class="bg-black px-3 text-white h-8 rounded-lg" form="converter-form">Convert to semantic markdown</button>
<a href="https://github.com/romansky/dom-to-semantic-markdown" target="_blank" class="underline ml-auto">Github</a>
</div>
<div class="bg-gray-100 p-4 overflow-auto text-sm">
<pre id="markdown-output" class="whitespace-pre-wrap"></pre>
</div>
</div>
<form id="converter-form" class="hidden">
<input type="text" id="website-domain" placeholder="Website domain">
</form>
<script src="node_modules/dom-to-semantic-markdown/dist/browser/bundle.js"></script>
<script type="module" src="script.js"></script>
</body>
</html>
|