Spaces:
Sleeping
Sleeping
| <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"> | |
| <div class="flex p-2 items-center gap-5 whitespace-nowrap"> | |
| <input type="url" id="url-input" placeholder="Enter URL" class="bg-gray-100 h-8 w-96 rounded-lg px-2" 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"> Enable table column tracking | |
| </label> | |
| <button type="submit" class="bg-black px-4 text-white h-8" form="converter-form">Convert to semantic markdown</button> | |
| </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> | |