Prediction

Model

intelligent-utilities/html-to-markdown-or-text

jtra3xefy9rm80crn7ta9bv28r

Status

Succeeded

Source

Web

Hardware

CPU (Small)

Total duration

2.7s

Created

3 months ago

Webhook

–

Input

html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>My Sample Page</title> <style> body { font-family: Arial, sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; line-height: 1.6; } .highlight { background-color: #ffeb3b; padding: 2px 4px; } .card { border: 1px solid #ddd; border-radius: 8px; padding: 15px; margin: 10px 0; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } </style> </head> <body> <header> <h1>Welcome to My Website</h1> <nav> <ul> <li><a href="#home">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#contact">Contact</a></li> </ul> </nav> </header> <main> <section id="home"> <h2>Home Section</h2> <p>This is a <span class="highlight">sample paragraph</span> with some text content.</p> <div class="card"> <h3>Featured Article</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <a href="#" class="btn">Read More</a> </div> </section> <section id="about"> <h2>About Us</h2> <img src="placeholder.jpg" alt="Company photo" width="300" height="200"> <p>We are a company dedicated to creating amazing web experiences.</p> <ul> <li>Quality service</li> <li>Customer satisfaction</li> <li>Innovation</li> </ul> </section> <section id="contact"> <h2>Contact Form</h2> <form action="#" method="POST"> <label for="name">Name:</label> <input type="text" id="name" name="name" required> <label for="email">Email:</label> <input type="email" id="email" name="email" required> <label for="message">Message:</label> <textarea id="message" name="message" rows="4" required></textarea> <button type="submit">Send Message</button> </form> </section> </main> <footer> <p>© 2024 My Website. All rights reserved.</p> </footer> <script> document.querySelector('form').addEventListener('submit', function(e) { e.preventDefault(); alert('Form submitted! (This is just a demo)'); }); </script> </body> </html>
keep_links: false
base_url: Empty string
to_markdown: true

{
  "base_url": "",
  "html": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>My Sample Page</title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 20px;\n            line-height: 1.6;\n        }\n        .highlight {\n            background-color: #ffeb3b;\n            padding: 2px 4px;\n        }\n        .card {\n            border: 1px solid #ddd;\n            border-radius: 8px;\n            padding: 15px;\n            margin: 10px 0;\n            box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n        }\n    </style>\n</head>\n<body>\n    <header>\n        <h1>Welcome to My Website</h1>\n        <nav>\n            <ul>\n                <li><a href=\"#home\">Home</a></li>\n                <li><a href=\"#about\">About</a></li>\n                <li><a href=\"#contact\">Contact</a></li>\n            </ul>\n        </nav>\n    </header>\n\n    <main>\n        <section id=\"home\">\n            <h2>Home Section</h2>\n            <p>This is a <span class=\"highlight\">sample paragraph</span> with some text content.</p>\n            \n            <div class=\"card\">\n                <h3>Featured Article</h3>\n                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n                <a href=\"#\" class=\"btn\">Read More</a>\n            </div>\n        </section>\n\n        <section id=\"about\">\n            <h2>About Us</h2>\n            <img src=\"placeholder.jpg\" alt=\"Company photo\" width=\"300\" height=\"200\">\n            <p>We are a company dedicated to creating amazing web experiences.</p>\n            \n            <ul>\n                <li>Quality service</li>\n                <li>Customer satisfaction</li>\n                <li>Innovation</li>\n            </ul>\n        </section>\n\n        <section id=\"contact\">\n            <h2>Contact Form</h2>\n            <form action=\"#\" method=\"POST\">\n                <label for=\"name\">Name:</label>\n                <input type=\"text\" id=\"name\" name=\"name\" required>\n                \n                <label for=\"email\">Email:</label>\n                <input type=\"email\" id=\"email\" name=\"email\" required>\n                \n                <label for=\"message\">Message:</label>\n                <textarea id=\"message\" name=\"message\" rows=\"4\" required></textarea>\n                \n                <button type=\"submit\">Send Message</button>\n            </form>\n        </section>\n    </main>\n\n    <footer>\n        <p>&copy; 2024 My Website. All rights reserved.</p>\n    </footer>\n\n    <script>\n        document.querySelector('form').addEventListener('submit', function(e) {\n            e.preventDefault();\n            alert('Form submitted! (This is just a demo)');\n        });\n    </script>\n</body>\n</html>",
  "keep_links": false,
  "to_markdown": true
}

Install Replicate’s Node.js client library:

npm install replicate

Set the REPLICATE_API_TOKEN environment variable:

export REPLICATE_API_TOKEN=r8_amM**********************************

This is your API token. Keep it to yourself.

Import and set up the client:

import Replicate from "replicate";

const replicate = new Replicate({
  auth: process.env.REPLICATE_API_TOKEN,
});

Run intelligent-utilities/html-to-markdown-or-text using Replicate’s API. Check out the model's schema for an overview of inputs and outputs.

const input = {
  base_url: "",
  html: "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>My Sample Page</title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 20px;\n            line-height: 1.6;\n        }\n        .highlight {\n            background-color: #ffeb3b;\n            padding: 2px 4px;\n        }\n        .card {\n            border: 1px solid #ddd;\n            border-radius: 8px;\n            padding: 15px;\n            margin: 10px 0;\n            box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n        }\n    </style>\n</head>\n<body>\n    <header>\n        <h1>Welcome to My Website</h1>\n        <nav>\n            <ul>\n                <li><a href=\"#home\">Home</a></li>\n                <li><a href=\"#about\">About</a></li>\n                <li><a href=\"#contact\">Contact</a></li>\n            </ul>\n        </nav>\n    </header>\n\n    <main>\n        <section id=\"home\">\n            <h2>Home Section</h2>\n            <p>This is a <span class=\"highlight\">sample paragraph</span> with some text content.</p>\n            \n            <div class=\"card\">\n                <h3>Featured Article</h3>\n                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n                <a href=\"#\" class=\"btn\">Read More</a>\n            </div>\n        </section>\n\n        <section id=\"about\">\n            <h2>About Us</h2>\n            <img src=\"placeholder.jpg\" alt=\"Company photo\" width=\"300\" height=\"200\">\n            <p>We are a company dedicated to creating amazing web experiences.</p>\n            \n            <ul>\n                <li>Quality service</li>\n                <li>Customer satisfaction</li>\n                <li>Innovation</li>\n            </ul>\n        </section>\n\n        <section id=\"contact\">\n            <h2>Contact Form</h2>\n            <form action=\"#\" method=\"POST\">\n                <label for=\"name\">Name:</label>\n                <input type=\"text\" id=\"name\" name=\"name\" required>\n                \n                <label for=\"email\">Email:</label>\n                <input type=\"email\" id=\"email\" name=\"email\" required>\n                \n                <label for=\"message\">Message:</label>\n                <textarea id=\"message\" name=\"message\" rows=\"4\" required></textarea>\n                \n                <button type=\"submit\">Send Message</button>\n            </form>\n        </section>\n    </main>\n\n    <footer>\n        <p>&copy; 2024 My Website. All rights reserved.</p>\n    </footer>\n\n    <script>\n        document.querySelector('form').addEventListener('submit', function(e) {\n            e.preventDefault();\n            alert('Form submitted! (This is just a demo)');\n        });\n    </script>\n</body>\n</html>",
  keep_links: false,
  to_markdown: true
};

const output = await replicate.run("intelligent-utilities/html-to-markdown-or-text", { input });

console.log(output);

To learn more, take a look at the guide on getting started with Node.js.

Install Replicate’s Python client library:

pip install replicate

Set the REPLICATE_API_TOKEN environment variable:

export REPLICATE_API_TOKEN=r8_amM**********************************

This is your API token. Keep it to yourself.

Import the client:

import replicate

Run intelligent-utilities/html-to-markdown-or-text using Replicate’s API. Check out the model's schema for an overview of inputs and outputs.

output = replicate.run(
    "intelligent-utilities/html-to-markdown-or-text",
    input={
        "base_url": "",
        "html": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>My Sample Page</title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 20px;\n            line-height: 1.6;\n        }\n        .highlight {\n            background-color: #ffeb3b;\n            padding: 2px 4px;\n        }\n        .card {\n            border: 1px solid #ddd;\n            border-radius: 8px;\n            padding: 15px;\n            margin: 10px 0;\n            box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n        }\n    </style>\n</head>\n<body>\n    <header>\n        <h1>Welcome to My Website</h1>\n        <nav>\n            <ul>\n                <li><a href=\"#home\">Home</a></li>\n                <li><a href=\"#about\">About</a></li>\n                <li><a href=\"#contact\">Contact</a></li>\n            </ul>\n        </nav>\n    </header>\n\n    <main>\n        <section id=\"home\">\n            <h2>Home Section</h2>\n            <p>This is a <span class=\"highlight\">sample paragraph</span> with some text content.</p>\n            \n            <div class=\"card\">\n                <h3>Featured Article</h3>\n                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n                <a href=\"#\" class=\"btn\">Read More</a>\n            </div>\n        </section>\n\n        <section id=\"about\">\n            <h2>About Us</h2>\n            <img src=\"placeholder.jpg\" alt=\"Company photo\" width=\"300\" height=\"200\">\n            <p>We are a company dedicated to creating amazing web experiences.</p>\n            \n            <ul>\n                <li>Quality service</li>\n                <li>Customer satisfaction</li>\n                <li>Innovation</li>\n            </ul>\n        </section>\n\n        <section id=\"contact\">\n            <h2>Contact Form</h2>\n            <form action=\"#\" method=\"POST\">\n                <label for=\"name\">Name:</label>\n                <input type=\"text\" id=\"name\" name=\"name\" required>\n                \n                <label for=\"email\">Email:</label>\n                <input type=\"email\" id=\"email\" name=\"email\" required>\n                \n                <label for=\"message\">Message:</label>\n                <textarea id=\"message\" name=\"message\" rows=\"4\" required></textarea>\n                \n                <button type=\"submit\">Send Message</button>\n            </form>\n        </section>\n    </main>\n\n    <footer>\n        <p>&copy; 2024 My Website. All rights reserved.</p>\n    </footer>\n\n    <script>\n        document.querySelector('form').addEventListener('submit', function(e) {\n            e.preventDefault();\n            alert('Form submitted! (This is just a demo)');\n        });\n    </script>\n</body>\n</html>",
        "keep_links": False,
        "to_markdown": True
    }
)

print(output)

To learn more, take a look at the guide on getting started with Python.

Set the REPLICATE_API_TOKEN environment variable:

export REPLICATE_API_TOKEN=r8_amM**********************************

This is your API token. Keep it to yourself.

Run intelligent-utilities/html-to-markdown-or-text using Replicate’s API. Check out the model's schema for an overview of inputs and outputs.

curl -s -X POST \
  -H "Authorization: Bearer $REPLICATE_API_TOKEN" \
  -H "Content-Type: application/json" \
  -H "Prefer: wait" \
  -d $'{
    "input": {
      "base_url": "",
      "html": "<!DOCTYPE html>\\n<html lang=\\"en\\">\\n<head>\\n    <meta charset=\\"UTF-8\\">\\n    <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\">\\n    <title>My Sample Page</title>\\n    <style>\\n        body {\\n            font-family: Arial, sans-serif;\\n            max-width: 800px;\\n            margin: 0 auto;\\n            padding: 20px;\\n            line-height: 1.6;\\n        }\\n        .highlight {\\n            background-color: #ffeb3b;\\n            padding: 2px 4px;\\n        }\\n        .card {\\n            border: 1px solid #ddd;\\n            border-radius: 8px;\\n            padding: 15px;\\n            margin: 10px 0;\\n            box-shadow: 0 2px 4px rgba(0,0,0,0.1);\\n        }\\n    </style>\\n</head>\\n<body>\\n    <header>\\n        <h1>Welcome to My Website</h1>\\n        <nav>\\n            <ul>\\n                <li><a href=\\"#home\\">Home</a></li>\\n                <li><a href=\\"#about\\">About</a></li>\\n                <li><a href=\\"#contact\\">Contact</a></li>\\n            </ul>\\n        </nav>\\n    </header>\\n\\n    <main>\\n        <section id=\\"home\\">\\n            <h2>Home Section</h2>\\n            <p>This is a <span class=\\"highlight\\">sample paragraph</span> with some text content.</p>\\n            \\n            <div class=\\"card\\">\\n                <h3>Featured Article</h3>\\n                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\\n                <a href=\\"#\\" class=\\"btn\\">Read More</a>\\n            </div>\\n        </section>\\n\\n        <section id=\\"about\\">\\n            <h2>About Us</h2>\\n            <img src=\\"placeholder.jpg\\" alt=\\"Company photo\\" width=\\"300\\" height=\\"200\\">\\n            <p>We are a company dedicated to creating amazing web experiences.</p>\\n            \\n            <ul>\\n                <li>Quality service</li>\\n                <li>Customer satisfaction</li>\\n                <li>Innovation</li>\\n            </ul>\\n        </section>\\n\\n        <section id=\\"contact\\">\\n            <h2>Contact Form</h2>\\n            <form action=\\"#\\" method=\\"POST\\">\\n                <label for=\\"name\\">Name:</label>\\n                <input type=\\"text\\" id=\\"name\\" name=\\"name\\" required>\\n                \\n                <label for=\\"email\\">Email:</label>\\n                <input type=\\"email\\" id=\\"email\\" name=\\"email\\" required>\\n                \\n                <label for=\\"message\\">Message:</label>\\n                <textarea id=\\"message\\" name=\\"message\\" rows=\\"4\\" required></textarea>\\n                \\n                <button type=\\"submit\\">Send Message</button>\\n            </form>\\n        </section>\\n    </main>\\n\\n    <footer>\\n        <p>&copy; 2024 My Website. All rights reserved.</p>\\n    </footer>\\n\\n    <script>\\n        document.querySelector(\'form\').addEventListener(\'submit\', function(e) {\\n            e.preventDefault();\\n            alert(\'Form submitted! (This is just a demo)\');\\n        });\\n    </script>\\n</body>\\n</html>",
      "keep_links": false,
      "to_markdown": true
    }
  }' \
  https://api.replicate.com/v1/models/intelligent-utilities/html-to-markdown-or-text/predictions

To learn more, take a look at Replicate’s HTTP API reference docs.

Output

# Welcome to My Website

## Home Section

This is a sample paragraph with some text content.

### Featured Article

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Read More

---

## About Us

![Company photo](placeholder.jpg)

We are a company dedicated to creating amazing web experiences.

- Quality service
- Customer satisfaction
- Innovation

---

## Contact Form

Name:
[text input]

Email:
[email input]

Message:
[textarea]

[Send Message]

---

© 2024 My Website. All rights reserved.

{
  "id": "jtra3xefy9rm80crn7ta9bv28r",
  "model": "intelligent-utilities/html-to-markdown-or-text",
  "version": "hidden",
  "input": {
    "base_url": "",
    "html": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>My Sample Page</title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 20px;\n            line-height: 1.6;\n        }\n        .highlight {\n            background-color: #ffeb3b;\n            padding: 2px 4px;\n        }\n        .card {\n            border: 1px solid #ddd;\n            border-radius: 8px;\n            padding: 15px;\n            margin: 10px 0;\n            box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n        }\n    </style>\n</head>\n<body>\n    <header>\n        <h1>Welcome to My Website</h1>\n        <nav>\n            <ul>\n                <li><a href=\"#home\">Home</a></li>\n                <li><a href=\"#about\">About</a></li>\n                <li><a href=\"#contact\">Contact</a></li>\n            </ul>\n        </nav>\n    </header>\n\n    <main>\n        <section id=\"home\">\n            <h2>Home Section</h2>\n            <p>This is a <span class=\"highlight\">sample paragraph</span> with some text content.</p>\n            \n            <div class=\"card\">\n                <h3>Featured Article</h3>\n                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>\n                <a href=\"#\" class=\"btn\">Read More</a>\n            </div>\n        </section>\n\n        <section id=\"about\">\n            <h2>About Us</h2>\n            <img src=\"placeholder.jpg\" alt=\"Company photo\" width=\"300\" height=\"200\">\n            <p>We are a company dedicated to creating amazing web experiences.</p>\n            \n            <ul>\n                <li>Quality service</li>\n                <li>Customer satisfaction</li>\n                <li>Innovation</li>\n            </ul>\n        </section>\n\n        <section id=\"contact\">\n            <h2>Contact Form</h2>\n            <form action=\"#\" method=\"POST\">\n                <label for=\"name\">Name:</label>\n                <input type=\"text\" id=\"name\" name=\"name\" required>\n                \n                <label for=\"email\">Email:</label>\n                <input type=\"email\" id=\"email\" name=\"email\" required>\n                \n                <label for=\"message\">Message:</label>\n                <textarea id=\"message\" name=\"message\" rows=\"4\" required></textarea>\n                \n                <button type=\"submit\">Send Message</button>\n            </form>\n        </section>\n    </main>\n\n    <footer>\n        <p>&copy; 2024 My Website. All rights reserved.</p>\n    </footer>\n\n    <script>\n        document.querySelector('form').addEventListener('submit', function(e) {\n            e.preventDefault();\n            alert('Form submitted! (This is just a demo)');\n        });\n    </script>\n</body>\n</html>",
    "keep_links": false,
    "to_markdown": true
  },
  "logs": "",
  "output": "# Welcome to My Website\n\n## Home Section\n\nThis is a sample paragraph with some text content.\n\n### Featured Article\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n\nRead More\n\n---\n\n## About Us\n\n![Company photo](placeholder.jpg)\n\nWe are a company dedicated to creating amazing web experiences.\n\n- Quality service\n- Customer satisfaction\n- Innovation\n\n---\n\n## Contact Form\n\nName:\n[text input]\n\nEmail:\n[email input]\n\nMessage:\n[textarea]\n\n[Send Message]\n\n---\n\n© 2024 My Website. All rights reserved.",
  "data_removed": false,
  "error": null,
  "source": "web",
  "status": "succeeded",
  "created_at": "2025-08-14T19:00:50.29Z",
  "started_at": "2025-08-14T19:00:50.631435Z",
  "completed_at": "2025-08-14T19:00:53.000146Z",
  "urls": {
    "cancel": "https://api.replicate.com/v1/predictions/jtra3xefy9rm80crn7ta9bv28r/cancel",
    "children": "https://api.replicate.com/v1/predictions/jtra3xefy9rm80crn7ta9bv28r/children",
    "get": "https://api.replicate.com/v1/predictions/jtra3xefy9rm80crn7ta9bv28r",
    "root": "https://api.replicate.com/v1/predictions/jtra3xefy9rm80crn7ta9bv28r",
    "web": "https://replicate.com/p/jtra3xefy9rm80crn7ta9bv28r"
  },
  "metrics": {
    "predict_time": 2.368710913,
    "total_time": 2.710146
  }
}

Generated in

2.4 seconds

Tweak it Report