justmalhar / reader-lm

Reader-LM is a series of models that convert HTML content to Markdown content

Cold

Public
86 runs
T4
Weights

Iterate in playground

Run with an API

Playground API Examples README Versions

Input

prompt

*string

Shift + Return to add a new line

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML to Markdown using Reader LM</title>
</head>
<body>
    <header>
        <h1>HTML to Markdown Conversion: A Comprehensive Guide</h1>
        <nav>
            <ul>
                <li><a href="#intro">Introduction</a></li>
                <li><a href="#steps">Steps to Convert HTML to Markdown</a></li>
                <li><a href="#examples">Examples</a></li>
                <li><a href="#conclusion">Conclusion</a></li>
            </ul>
        </nav>
    </header>

    <section id="intro">
        <h2>Introduction</h2>
        <p>Welcome to this in-depth guide on converting HTML to Markdown using the Reader LM tool. Whether you are a web developer, technical writer, or just someone who needs to quickly convert HTML content into Markdown, this tool will make your workflow much easier.</p>
        <blockquote>
            <p>"The simplicity of Markdown meets the structure of HTML."</p>
        </blockquote>
    </section>

    <section id="steps">
        <h2>Steps to Convert HTML to Markdown</h2>
        <ol>
            <li>Enter your HTML code into the provided text area.</li>
            <li>Click the "Convert to Markdown" button to perform the conversion.</li>
            <li>Review the converted Markdown in the output section below the form.</li>
        </ol>
    </section>

    <section id="examples">
        <h2>Examples of HTML to Markdown Conversion</h2>
        <h3>Example 1: Simple HTML Paragraph</h3>
        <p>The following HTML code:</p>
        <pre><code>&lt;p&gt;This is a paragraph.&lt;/p&gt;</code></pre>
        <p>Will be converted to this Markdown:</p>
        <pre><code>This is a paragraph.</code></pre>

        <h3>Example 2: HTML List Conversion</h3>
        <p>The following HTML code:</p>
        <pre><code>&lt;ul&gt;
    &lt;li&gt;Item 1&lt;/li&gt;
    &lt;li&gt;Item 2&lt;/li&gt;
    &lt;li&gt;Item 3&lt;/li&gt;
&lt;/ul&gt;</code></pre>
        <p>Will be converted to this Markdown:</p>
        <pre><code>
- Item 1
- Item 2
- Item 3
        </code></pre>

        <h3>Form for Testing Your Own HTML</h3>
        <p>Below, you can test your own HTML to see the conversion results in real-time.</p>
    </section>

    <section id="form-section">
        <h2>HTML to Markdown Converter</h2>
        <form id="conversionForm">
            <label for="htmlInput">Enter your HTML code:</label><br>
            <textarea id="htmlInput" name="htmlInput" rows="10" cols="50" placeholder="<p>Your HTML code here</p>"></textarea><br><br>
            <button type="button" onclick="convertToMarkdown()">Convert to Markdown</button>
        </form>
    </section>

    <section id="output">
        <h2>Converted Markdown Output</h2>
        <pre id="markdownOutput"></pre>
    </section>

    <footer>
        <h2>Conclusion</h2>
        <p>Converting HTML to Markdown has never been easier! With the above examples and steps, you can seamlessly transform your HTML content into the lightweight, easy-to-read Markdown format.</p>
        <ul>
            <li>HTML is powerful for structuring web pages, but Markdown is preferred for documentation.</li>
            <li>Markdown provides a simpler, more human-readable format.</li>
        </ul>
        <p>Give the tool a try, and simplify your documentation workflow today!</p>
    </footer>

    <script>
        function convertToMarkdown() {
            const htmlInput = document.getElementById("htmlInput").value;
            const markdownOutput = "# Conversion Example\\n\\nHTML Input: \\n\\n" + htmlInput;
            document.getElementById("markdownOutput").textContent = markdownOutput;
        }
    </script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML to Markdown using Reader LM</title>
</head>
<body>
    <header>
        <h1>HTML to Markdown Conversion: A Comprehensive Guide</h1>
        <nav>
            <ul>
                <li><a href="#intro">Introduction</a></li>
                <li><a href="#steps">Steps to Convert HTML to Markdown</a></li>
                <li><a href="#examples">Examples</a></li>
                <li><a href="#conclusion">Conclusion</a></li>
            </ul>
        </nav>
    </header>

    <section id="intro">
        <h2>Introduction</h2>
        <p>Welcome to this in-depth guide on converting HTML to Markdown using the Reader LM tool. Whether you are a web developer, technical writer, or just someone who needs to quickly convert HTML content into Markdown, this tool will make your workflow much easier.</p>
        <blockquote>
            <p>"The simplicity of Markdown meets the structure of HTML."</p>
        </blockquote>
    </section>

    <section id="steps">
        <h2>Steps to Convert HTML to Markdown</h2>
        <ol>
            <li>Enter your HTML code into the provided text area.</li>
            <li>Click the "Convert to Markdown" button to perform the conversion.</li>
            <li>Review the converted Markdown in the output section below the form.</li>
        </ol>
    </section>

    <section id="examples">
        <h2>Examples of HTML to Markdown Conversion</h2>
        <h3>Example 1: Simple HTML Paragraph</h3>
        <p>The following HTML code:</p>
        <pre><code>&lt;p&gt;This is a paragraph.&lt;/p&gt;</code></pre>
        <p>Will be converted to this Markdown:</p>
        <pre><code>This is a paragraph.</code></pre>

        <h3>Example 2: HTML List Conversion</h3>
        <p>The following HTML code:</p>
        <pre><code>&lt;ul&gt;
    &lt;li&gt;Item 1&lt;/li&gt;
    &lt;li&gt;Item 2&lt;/li&gt;
    &lt;li&gt;Item 3&lt;/li&gt;
&lt;/ul&gt;</code></pre>
        <p>Will be converted to this Markdown:</p>
        <pre><code>
- Item 1
- Item 2
- Item 3
        </code></pre>

        <h3>Form for Testing Your Own HTML</h3>
        <p>Below, you can test your own HTML to see the conversion results in real-time.</p>
    </section>

    <section id="form-section">
        <h2>HTML to Markdown Converter</h2>
        <form id="conversionForm">
            <label for="htmlInput">Enter your HTML code:</label><br>
            <textarea id="htmlInput" name="htmlInput" rows="10" cols="50" placeholder="<p>Your HTML code here</p>"></textarea><br><br>
            <button type="button" onclick="convertToMarkdown()">Convert to Markdown</button>
        </form>
    </section>

    <section id="output">
        <h2>Converted Markdown Output</h2>
        <pre id="markdownOutput"></pre>
    </section>

    <footer>
        <h2>Conclusion</h2>
        <p>Converting HTML to Markdown has never been easier! With the above examples and steps, you can seamlessly transform your HTML content into the lightweight, easy-to-read Markdown format.</p>
        <ul>
            <li>HTML is powerful for structuring web pages, but Markdown is preferred for documentation.</li>
            <li>Markdown provides a simpler, more human-readable format.</li>
        </ul>
        <p>Give the tool a try, and simplify your documentation workflow today!</p>
    </footer>

    <script>
        function convertToMarkdown() {
            const htmlInput = document.getElementById("htmlInput").value;
            const markdownOutput = "# Conversion Example\\n\\nHTML Input: \\n\\n" + htmlInput;
            document.getElementById("markdownOutput").textContent = markdownOutput;
        }
    </script>
</body>
</html>

Input HTML text for the model to convert

temperature

number

(minimum: 0, maximum: 1)

Controls randomness. Lower values make the model more deterministic, higher values make it more random.

Default: 0.5

top_p

number

(minimum: 0, maximum: 1)

Controls diversity of the output. Lower values make the output more focused, higher values make it more diverse.

Default: 0.95

Run this model in Node.js with one line of code:

npx create-replicate --model=justmalhar/reader-lm

or set up a project from scratch

Install Replicate’s Node.js client library:

npm install replicate

Set the REPLICATE_API_TOKEN environment variable:

export REPLICATE_API_TOKEN=<paste-your-token-here>

Find your API token in your account settings.

Import and set up the client:

import Replicate from "replicate";

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

Run justmalhar/reader-lm using Replicate’s API. Check out the model's schema for an overview of inputs and outputs.

const output = await replicate.run(
  "justmalhar/reader-lm:726490288e511005482c3b1361fd6c5e5b62405a3ff052363f38b17bf10ef78b",
  {
    input: {
      top_p: 0.95,
      prompt: "<!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>HTML to Markdown using Reader LM</title>\n</head>\n<body>\n    <header>\n        <h1>HTML to Markdown Conversion: A Comprehensive Guide</h1>\n        <nav>\n            <ul>\n                <li><a href=\"#intro\">Introduction</a></li>\n                <li><a href=\"#steps\">Steps to Convert HTML to Markdown</a></li>\n                <li><a href=\"#examples\">Examples</a></li>\n                <li><a href=\"#conclusion\">Conclusion</a></li>\n            </ul>\n        </nav>\n    </header>\n\n    <section id=\"intro\">\n        <h2>Introduction</h2>\n        <p>Welcome to this in-depth guide on converting HTML to Markdown using the Reader LM tool. Whether you are a web developer, technical writer, or just someone who needs to quickly convert HTML content into Markdown, this tool will make your workflow much easier.</p>\n        <blockquote>\n            <p>\"The simplicity of Markdown meets the structure of HTML.\"</p>\n        </blockquote>\n    </section>\n\n    <section id=\"steps\">\n        <h2>Steps to Convert HTML to Markdown</h2>\n        <ol>\n            <li>Enter your HTML code into the provided text area.</li>\n            <li>Click the \"Convert to Markdown\" button to perform the conversion.</li>\n            <li>Review the converted Markdown in the output section below the form.</li>\n        </ol>\n    </section>\n\n    <section id=\"examples\">\n        <h2>Examples of HTML to Markdown Conversion</h2>\n        <h3>Example 1: Simple HTML Paragraph</h3>\n        <p>The following HTML code:</p>\n        <pre><code>&lt;p&gt;This is a paragraph.&lt;/p&gt;</code></pre>\n        <p>Will be converted to this Markdown:</p>\n        <pre><code>This is a paragraph.</code></pre>\n\n        <h3>Example 2: HTML List Conversion</h3>\n        <p>The following HTML code:</p>\n        <pre><code>&lt;ul&gt;\n    &lt;li&gt;Item 1&lt;/li&gt;\n    &lt;li&gt;Item 2&lt;/li&gt;\n    &lt;li&gt;Item 3&lt;/li&gt;\n&lt;/ul&gt;</code></pre>\n        <p>Will be converted to this Markdown:</p>\n        <pre><code>\n- Item 1\n- Item 2\n- Item 3\n        </code></pre>\n\n        <h3>Form for Testing Your Own HTML</h3>\n        <p>Below, you can test your own HTML to see the conversion results in real-time.</p>\n    </section>\n\n    <section id=\"form-section\">\n        <h2>HTML to Markdown Converter</h2>\n        <form id=\"conversionForm\">\n            <label for=\"htmlInput\">Enter your HTML code:</label><br>\n            <textarea id=\"htmlInput\" name=\"htmlInput\" rows=\"10\" cols=\"50\" placeholder=\"<p>Your HTML code here</p>\"></textarea><br><br>\n            <button type=\"button\" onclick=\"convertToMarkdown()\">Convert to Markdown</button>\n        </form>\n    </section>\n\n    <section id=\"output\">\n        <h2>Converted Markdown Output</h2>\n        <pre id=\"markdownOutput\"></pre>\n    </section>\n\n    <footer>\n        <h2>Conclusion</h2>\n        <p>Converting HTML to Markdown has never been easier! With the above examples and steps, you can seamlessly transform your HTML content into the lightweight, easy-to-read Markdown format.</p>\n        <ul>\n            <li>HTML is powerful for structuring web pages, but Markdown is preferred for documentation.</li>\n            <li>Markdown provides a simpler, more human-readable format.</li>\n        </ul>\n        <p>Give the tool a try, and simplify your documentation workflow today!</p>\n    </footer>\n\n    <script>\n        function convertToMarkdown() {\n            const htmlInput = document.getElementById(\"htmlInput\").value;\n            const markdownOutput = \"# Conversion Example\\\\n\\\\nHTML Input: \\\\n\\\\n\" + htmlInput;\n            document.getElementById(\"markdownOutput\").textContent = markdownOutput;\n        }\n    </script>\n</body>\n</html>\n",
      temperature: 0.5
    }
  }
);

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=<paste-your-token-here>

Find your API token in your account settings.

Import the client:

import replicate

Run justmalhar/reader-lm using Replicate’s API. Check out the model's schema for an overview of inputs and outputs.

output = replicate.run(
    "justmalhar/reader-lm:726490288e511005482c3b1361fd6c5e5b62405a3ff052363f38b17bf10ef78b",
    input={
        "top_p": 0.95,
        "prompt": "<!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>HTML to Markdown using Reader LM</title>\n</head>\n<body>\n    <header>\n        <h1>HTML to Markdown Conversion: A Comprehensive Guide</h1>\n        <nav>\n            <ul>\n                <li><a href=\"#intro\">Introduction</a></li>\n                <li><a href=\"#steps\">Steps to Convert HTML to Markdown</a></li>\n                <li><a href=\"#examples\">Examples</a></li>\n                <li><a href=\"#conclusion\">Conclusion</a></li>\n            </ul>\n        </nav>\n    </header>\n\n    <section id=\"intro\">\n        <h2>Introduction</h2>\n        <p>Welcome to this in-depth guide on converting HTML to Markdown using the Reader LM tool. Whether you are a web developer, technical writer, or just someone who needs to quickly convert HTML content into Markdown, this tool will make your workflow much easier.</p>\n        <blockquote>\n            <p>\"The simplicity of Markdown meets the structure of HTML.\"</p>\n        </blockquote>\n    </section>\n\n    <section id=\"steps\">\n        <h2>Steps to Convert HTML to Markdown</h2>\n        <ol>\n            <li>Enter your HTML code into the provided text area.</li>\n            <li>Click the \"Convert to Markdown\" button to perform the conversion.</li>\n            <li>Review the converted Markdown in the output section below the form.</li>\n        </ol>\n    </section>\n\n    <section id=\"examples\">\n        <h2>Examples of HTML to Markdown Conversion</h2>\n        <h3>Example 1: Simple HTML Paragraph</h3>\n        <p>The following HTML code:</p>\n        <pre><code>&lt;p&gt;This is a paragraph.&lt;/p&gt;</code></pre>\n        <p>Will be converted to this Markdown:</p>\n        <pre><code>This is a paragraph.</code></pre>\n\n        <h3>Example 2: HTML List Conversion</h3>\n        <p>The following HTML code:</p>\n        <pre><code>&lt;ul&gt;\n    &lt;li&gt;Item 1&lt;/li&gt;\n    &lt;li&gt;Item 2&lt;/li&gt;\n    &lt;li&gt;Item 3&lt;/li&gt;\n&lt;/ul&gt;</code></pre>\n        <p>Will be converted to this Markdown:</p>\n        <pre><code>\n- Item 1\n- Item 2\n- Item 3\n        </code></pre>\n\n        <h3>Form for Testing Your Own HTML</h3>\n        <p>Below, you can test your own HTML to see the conversion results in real-time.</p>\n    </section>\n\n    <section id=\"form-section\">\n        <h2>HTML to Markdown Converter</h2>\n        <form id=\"conversionForm\">\n            <label for=\"htmlInput\">Enter your HTML code:</label><br>\n            <textarea id=\"htmlInput\" name=\"htmlInput\" rows=\"10\" cols=\"50\" placeholder=\"<p>Your HTML code here</p>\"></textarea><br><br>\n            <button type=\"button\" onclick=\"convertToMarkdown()\">Convert to Markdown</button>\n        </form>\n    </section>\n\n    <section id=\"output\">\n        <h2>Converted Markdown Output</h2>\n        <pre id=\"markdownOutput\"></pre>\n    </section>\n\n    <footer>\n        <h2>Conclusion</h2>\n        <p>Converting HTML to Markdown has never been easier! With the above examples and steps, you can seamlessly transform your HTML content into the lightweight, easy-to-read Markdown format.</p>\n        <ul>\n            <li>HTML is powerful for structuring web pages, but Markdown is preferred for documentation.</li>\n            <li>Markdown provides a simpler, more human-readable format.</li>\n        </ul>\n        <p>Give the tool a try, and simplify your documentation workflow today!</p>\n    </footer>\n\n    <script>\n        function convertToMarkdown() {\n            const htmlInput = document.getElementById(\"htmlInput\").value;\n            const markdownOutput = \"# Conversion Example\\\\n\\\\nHTML Input: \\\\n\\\\n\" + htmlInput;\n            document.getElementById(\"markdownOutput\").textContent = markdownOutput;\n        }\n    </script>\n</body>\n</html>\n",
        "temperature": 0.5
    }
)

# The justmalhar/reader-lm model can stream output as it's running.
# The predict method returns an iterator, and you can iterate over that output.
for item in output:
    # https://replicate.com/justmalhar/reader-lm/api#output-schema
    print(item, end="")

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=<paste-your-token-here>

Find your API token in your account settings.

Run justmalhar/reader-lm 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 $'{
    "version": "justmalhar/reader-lm:726490288e511005482c3b1361fd6c5e5b62405a3ff052363f38b17bf10ef78b",
    "input": {
      "top_p": 0.95,
      "prompt": "<!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>HTML to Markdown using Reader LM</title>\\n</head>\\n<body>\\n    <header>\\n        <h1>HTML to Markdown Conversion: A Comprehensive Guide</h1>\\n        <nav>\\n            <ul>\\n                <li><a href=\\"#intro\\">Introduction</a></li>\\n                <li><a href=\\"#steps\\">Steps to Convert HTML to Markdown</a></li>\\n                <li><a href=\\"#examples\\">Examples</a></li>\\n                <li><a href=\\"#conclusion\\">Conclusion</a></li>\\n            </ul>\\n        </nav>\\n    </header>\\n\\n    <section id=\\"intro\\">\\n        <h2>Introduction</h2>\\n        <p>Welcome to this in-depth guide on converting HTML to Markdown using the Reader LM tool. Whether you are a web developer, technical writer, or just someone who needs to quickly convert HTML content into Markdown, this tool will make your workflow much easier.</p>\\n        <blockquote>\\n            <p>\\"The simplicity of Markdown meets the structure of HTML.\\"</p>\\n        </blockquote>\\n    </section>\\n\\n    <section id=\\"steps\\">\\n        <h2>Steps to Convert HTML to Markdown</h2>\\n        <ol>\\n            <li>Enter your HTML code into the provided text area.</li>\\n            <li>Click the \\"Convert to Markdown\\" button to perform the conversion.</li>\\n            <li>Review the converted Markdown in the output section below the form.</li>\\n        </ol>\\n    </section>\\n\\n    <section id=\\"examples\\">\\n        <h2>Examples of HTML to Markdown Conversion</h2>\\n        <h3>Example 1: Simple HTML Paragraph</h3>\\n        <p>The following HTML code:</p>\\n        <pre><code>&lt;p&gt;This is a paragraph.&lt;/p&gt;</code></pre>\\n        <p>Will be converted to this Markdown:</p>\\n        <pre><code>This is a paragraph.</code></pre>\\n\\n        <h3>Example 2: HTML List Conversion</h3>\\n        <p>The following HTML code:</p>\\n        <pre><code>&lt;ul&gt;\\n    &lt;li&gt;Item 1&lt;/li&gt;\\n    &lt;li&gt;Item 2&lt;/li&gt;\\n    &lt;li&gt;Item 3&lt;/li&gt;\\n&lt;/ul&gt;</code></pre>\\n        <p>Will be converted to this Markdown:</p>\\n        <pre><code>\\n- Item 1\\n- Item 2\\n- Item 3\\n        </code></pre>\\n\\n        <h3>Form for Testing Your Own HTML</h3>\\n        <p>Below, you can test your own HTML to see the conversion results in real-time.</p>\\n    </section>\\n\\n    <section id=\\"form-section\\">\\n        <h2>HTML to Markdown Converter</h2>\\n        <form id=\\"conversionForm\\">\\n            <label for=\\"htmlInput\\">Enter your HTML code:</label><br>\\n            <textarea id=\\"htmlInput\\" name=\\"htmlInput\\" rows=\\"10\\" cols=\\"50\\" placeholder=\\"<p>Your HTML code here</p>\\"></textarea><br><br>\\n            <button type=\\"button\\" onclick=\\"convertToMarkdown()\\">Convert to Markdown</button>\\n        </form>\\n    </section>\\n\\n    <section id=\\"output\\">\\n        <h2>Converted Markdown Output</h2>\\n        <pre id=\\"markdownOutput\\"></pre>\\n    </section>\\n\\n    <footer>\\n        <h2>Conclusion</h2>\\n        <p>Converting HTML to Markdown has never been easier! With the above examples and steps, you can seamlessly transform your HTML content into the lightweight, easy-to-read Markdown format.</p>\\n        <ul>\\n            <li>HTML is powerful for structuring web pages, but Markdown is preferred for documentation.</li>\\n            <li>Markdown provides a simpler, more human-readable format.</li>\\n        </ul>\\n        <p>Give the tool a try, and simplify your documentation workflow today!</p>\\n    </footer>\\n\\n    <script>\\n        function convertToMarkdown() {\\n            const htmlInput = document.getElementById(\\"htmlInput\\").value;\\n            const markdownOutput = \\"# Conversion Example\\\\\\\\n\\\\\\\\nHTML Input: \\\\\\\\n\\\\\\\\n\\" + htmlInput;\\n            document.getElementById(\\"markdownOutput\\").textContent = markdownOutput;\\n        }\\n    </script>\\n</body>\\n</html>\\n",
      "temperature": 0.5
    }
  }' \
  https://api.replicate.com/v1/predictions

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

Output

Introduction ------------ Welcome to this in-depth guide on converting HTML to Markdown using the Reader LM tool. Whether you are a web developer, technical writer, or just someone who needs to quickly convert HTML content into Markdown, this tool will make your workflow much easier. > "The simplicity of Markdown meets the structure of HTML." Steps to Convert HTML to Markdown --------------------------------- 1. Enter your HTML code into the provided text area. 2. Click the "Convert to Markdown" button to perform the conversion. 3. Review the converted Markdown in the output section below the form. Examples of HTML to Markdown Conversion ---------------------------------------- ### Example 1: Simple HTML Paragraph The following HTML code: ``` <p>This is a paragraph.</p> ``` Will be converted to this Markdown: ``` This is a paragraph. ``` ### Example 2: HTML List Conversion The following HTML code: ``` <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> ``` Will be converted to this Markdown: ``` - Item 1 - Item 2 - Item 3 ``` ### Form for Testing Your Own HTML Below, you can test your own HTML to see the conversion results in real-time. HTML to Markdown Converter -------------------------- Enter your HTML code: Convert to Markdown Converted Markdown Output ------------------------- Conclusion ---------- Converting HTML to Markdown has never been easier! With the above examples and steps, you can seamlessly transform your HTML content into the lightweight, easy-to-read Markdown format. * HTML is powerful for structuring web pages, but Markdown is preferred for documentation. * Markdown provides a simpler, more human-readable format. Give the tool a try, and simplify your documentation workflow today!

{
  "completed_at": "2024-10-12T04:40:43.229649Z",
  "created_at": "2024-10-12T04:34:00.799000Z",
  "data_removed": false,
  "error": null,
  "id": "xaa0wa1xvxrga0cjfw0rhydcqr",
  "input": {
    "top_p": 0.95,
    "prompt": "<!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>HTML to Markdown using Reader LM</title>\n</head>\n<body>\n    <header>\n        <h1>HTML to Markdown Conversion: A Comprehensive Guide</h1>\n        <nav>\n            <ul>\n                <li><a href=\"#intro\">Introduction</a></li>\n                <li><a href=\"#steps\">Steps to Convert HTML to Markdown</a></li>\n                <li><a href=\"#examples\">Examples</a></li>\n                <li><a href=\"#conclusion\">Conclusion</a></li>\n            </ul>\n        </nav>\n    </header>\n\n    <section id=\"intro\">\n        <h2>Introduction</h2>\n        <p>Welcome to this in-depth guide on converting HTML to Markdown using the Reader LM tool. Whether you are a web developer, technical writer, or just someone who needs to quickly convert HTML content into Markdown, this tool will make your workflow much easier.</p>\n        <blockquote>\n            <p>\"The simplicity of Markdown meets the structure of HTML.\"</p>\n        </blockquote>\n    </section>\n\n    <section id=\"steps\">\n        <h2>Steps to Convert HTML to Markdown</h2>\n        <ol>\n            <li>Enter your HTML code into the provided text area.</li>\n            <li>Click the \"Convert to Markdown\" button to perform the conversion.</li>\n            <li>Review the converted Markdown in the output section below the form.</li>\n        </ol>\n    </section>\n\n    <section id=\"examples\">\n        <h2>Examples of HTML to Markdown Conversion</h2>\n        <h3>Example 1: Simple HTML Paragraph</h3>\n        <p>The following HTML code:</p>\n        <pre><code>&lt;p&gt;This is a paragraph.&lt;/p&gt;</code></pre>\n        <p>Will be converted to this Markdown:</p>\n        <pre><code>This is a paragraph.</code></pre>\n\n        <h3>Example 2: HTML List Conversion</h3>\n        <p>The following HTML code:</p>\n        <pre><code>&lt;ul&gt;\n    &lt;li&gt;Item 1&lt;/li&gt;\n    &lt;li&gt;Item 2&lt;/li&gt;\n    &lt;li&gt;Item 3&lt;/li&gt;\n&lt;/ul&gt;</code></pre>\n        <p>Will be converted to this Markdown:</p>\n        <pre><code>\n- Item 1\n- Item 2\n- Item 3\n        </code></pre>\n\n        <h3>Form for Testing Your Own HTML</h3>\n        <p>Below, you can test your own HTML to see the conversion results in real-time.</p>\n    </section>\n\n    <section id=\"form-section\">\n        <h2>HTML to Markdown Converter</h2>\n        <form id=\"conversionForm\">\n            <label for=\"htmlInput\">Enter your HTML code:</label><br>\n            <textarea id=\"htmlInput\" name=\"htmlInput\" rows=\"10\" cols=\"50\" placeholder=\"<p>Your HTML code here</p>\"></textarea><br><br>\n            <button type=\"button\" onclick=\"convertToMarkdown()\">Convert to Markdown</button>\n        </form>\n    </section>\n\n    <section id=\"output\">\n        <h2>Converted Markdown Output</h2>\n        <pre id=\"markdownOutput\"></pre>\n    </section>\n\n    <footer>\n        <h2>Conclusion</h2>\n        <p>Converting HTML to Markdown has never been easier! With the above examples and steps, you can seamlessly transform your HTML content into the lightweight, easy-to-read Markdown format.</p>\n        <ul>\n            <li>HTML is powerful for structuring web pages, but Markdown is preferred for documentation.</li>\n            <li>Markdown provides a simpler, more human-readable format.</li>\n        </ul>\n        <p>Give the tool a try, and simplify your documentation workflow today!</p>\n    </footer>\n\n    <script>\n        function convertToMarkdown() {\n            const htmlInput = document.getElementById(\"htmlInput\").value;\n            const markdownOutput = \"# Conversion Example\\\\n\\\\nHTML Input: \\\\n\\\\n\" + htmlInput;\n            document.getElementById(\"markdownOutput\").textContent = markdownOutput;\n        }\n    </script>\n</body>\n</html>\n",
    "max_tokens": 512,
    "temperature": 0.5
  },
  "logs": "Total runtime: 83.30410671234131",
  "metrics": {
    "predict_time": 83.311450764,
    "total_time": 402.430649
  },
  "output": [
    "Introduction",
    "\n",
    "------------",
    "\n\n",
    "Welcome",
    " to",
    " this",
    " in",
    "-depth",
    " guide",
    " on",
    " converting",
    " HTML",
    " to",
    " Markdown",
    " using",
    " the",
    " Reader",
    " LM",
    " tool",
    ".",
    " Whether",
    " you",
    " are",
    " a",
    " web",
    " developer",
    ",",
    " technical",
    " writer",
    ",",
    " or",
    " just",
    " someone",
    " who",
    " needs",
    " to",
    " quickly",
    " convert",
    " HTML",
    " content",
    " into",
    " Markdown",
    ",",
    " this",
    " tool",
    " will",
    " make",
    " your",
    " workflow",
    " much",
    " easier",
    ".\n\n",
    ">",
    " \"",
    "The",
    " simplicity",
    " of",
    " Markdown",
    " meets",
    " the",
    " structure",
    " of",
    " HTML",
    ".\"\n\n",
    "Steps",
    " to",
    " Convert",
    " HTML",
    " to",
    " Markdown",
    "\n",
    "--------------------------------",
    "-\n\n",
    "1",
    ".",
    " ",
    " Enter",
    " your",
    " HTML",
    " code",
    " into",
    " the",
    " provided",
    " text",
    " area",
    ".\n",
    "2",
    ".",
    " ",
    " Click",
    " the",
    " \"",
    "Convert",
    " to",
    " Markdown",
    "\"",
    " button",
    " to",
    " perform",
    " the",
    " conversion",
    ".\n",
    "3",
    ".",
    " ",
    " Review",
    " the",
    " converted",
    " Markdown",
    " in",
    " the",
    " output",
    " section",
    " below",
    " the",
    " form",
    ".\n\n",
    "Examples",
    " of",
    " HTML",
    " to",
    " Markdown",
    " Conversion",
    "\n",
    "--------------------------------",
    "--------\n\n",
    "###",
    " Example",
    " ",
    "1",
    ":",
    " Simple",
    " HTML",
    " Paragraph",
    "\n\n",
    "The",
    " following",
    " HTML",
    " code",
    ":\n\n",
    "``",
    "`\n",
    "<p",
    ">This",
    " is",
    " a",
    " paragraph",
    ".</",
    "p",
    ">\n",
    "``",
    "`\n\n",
    "Will",
    " be",
    " converted",
    " to",
    " this",
    " Markdown",
    ":\n\n",
    "``",
    "`\n",
    "This",
    " is",
    " a",
    " paragraph",
    ".\n",
    "``",
    "`\n\n",
    "###",
    " Example",
    " ",
    "2",
    ":",
    " HTML",
    " List",
    " Conversion",
    "\n\n",
    "The",
    " following",
    " HTML",
    " code",
    ":\n\n",
    "``",
    "`\n",
    "<ul",
    ">\n",
    "   ",
    " <li",
    ">",
    "Item",
    " ",
    "1",
    "</",
    "li",
    ">\n",
    "   ",
    " <li",
    ">",
    "Item",
    " ",
    "2",
    "</",
    "li",
    ">\n",
    "   ",
    " <li",
    ">",
    "Item",
    " ",
    "3",
    "</",
    "li",
    ">\n",
    "</",
    "ul",
    ">\n",
    "``",
    "`\n\n",
    "Will",
    " be",
    " converted",
    " to",
    " this",
    " Markdown",
    ":\n\n",
    "``",
    "`\n",
    "-",
    " Item",
    " ",
    "1",
    "\n",
    "-",
    " Item",
    " ",
    "2",
    "\n",
    "-",
    " Item",
    " ",
    "3",
    "\n",
    "       ",
    " ``",
    "`\n\n",
    "###",
    " Form",
    " for",
    " Testing",
    " Your",
    " Own",
    " HTML",
    "\n\n",
    "Below",
    ",",
    " you",
    " can",
    " test",
    " your",
    " own",
    " HTML",
    " to",
    " see",
    " the",
    " conversion",
    " results",
    " in",
    " real",
    "-time",
    ".\n\n",
    "HTML",
    " to",
    " Markdown",
    " Converter",
    "\n",
    "----------------",
    "----------\n\n",
    "Enter",
    " your",
    " HTML",
    " code",
    ":",
    "  \n  \n",
    "Convert",
    " to",
    " Markdown",
    "\n\n",
    "Converted",
    " Markdown",
    " Output",
    "\n",
    "----------------",
    "---------\n\n",
    "Conclusion",
    "\n",
    "----------\n\n",
    "Con",
    "verting",
    " HTML",
    " to",
    " Markdown",
    " has",
    " never",
    " been",
    " easier",
    "!",
    " With",
    " the",
    " above",
    " examples",
    " and",
    " steps",
    ",",
    " you",
    " can",
    " seamlessly",
    " transform",
    " your",
    " HTML",
    " content",
    " into",
    " the",
    " lightweight",
    ",",
    " easy",
    "-to",
    "-read",
    " Markdown",
    " format",
    ".\n\n",
    "*",
    "  ",
    " HTML",
    " is",
    " powerful",
    " for",
    " struct",
    "uring",
    " web",
    " pages",
    ",",
    " but",
    " Markdown",
    " is",
    " preferred",
    " for",
    " documentation",
    ".\n",
    "*",
    "  ",
    " Markdown",
    " provides",
    " a",
    " simpler",
    ",",
    " more",
    " human",
    "-readable",
    " format",
    ".\n\n",
    "Give",
    " the",
    " tool",
    " a",
    " try",
    ",",
    " and",
    " simplify",
    " your",
    " documentation",
    " workflow",
    " today",
    "!",
    ""
  ],
  "started_at": "2024-10-12T04:39:19.918199Z",
  "status": "succeeded",
  "urls": {
    "stream": "https://streaming-api.svc.us-central1.g.replicate.net/v1/streams/wirhdb76frkf3m6os3bo42kfq35gge2ss3zhksqyjishttgdojha",
    "get": "https://api.replicate.com/v1/predictions/xaa0wa1xvxrga0cjfw0rhydcqr",
    "cancel": "https://api.replicate.com/v1/predictions/xaa0wa1xvxrga0cjfw0rhydcqr/cancel"
  },
  "version": "380e17491e4e4dc4249d059e82554eaba19ec36857f5802c2cbff3ca1b97c3f8"
}

Generated in

83.3 seconds

Tweak it Share Report

This output was created using a different version of the model, justmalhar/reader-lm:380e1749.

Run time and cost

This model runs on Nvidia T4 GPU hardware. We don't yet have enough runs of this model to provide performance information.

Readme

Jina Reader-LM is a series of models that convert HTML content to Markdown content, which is useful for content conversion tasks. The model is trained on a curated collection of HTML content and its corresponding Markdown content.

Models

Name	Context Length	Download
reader-lm-0.5b	256K	🤗 Hugging Face
reader-lm-1.5b	256K	🤗 Hugging Face