Spaces:
Running
Running
| <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> | |