justmalhar/reader-lm 🔢📝 → 📝

▶️ 95 runs 📅 Oct 2024 ⚙️ Cog 0.9.24
document-conversion html-to-markdown

About

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

Example Output

Prompt:

" HTML to Markdown using Reader LM

HTML to Markdown Conversion: A Comprehensive Guide

<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;

</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




Converted Markdown Output


  

"

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!

Performance Metrics

83.31s Prediction Time
402.43s Total Time
All Input Parameters
{
  "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
}
Input Parameters
top_p Type: numberDefault: 0.95Range: 0 - 1
Controls diversity of the output. Lower values make the output more focused, higher values make it more diverse.
prompt (required) Type: string
Input HTML text for the model to convert
temperature Type: numberDefault: 0.5Range: 0 - 1
Controls randomness. Lower values make the model more deterministic, higher values make it more random.
Output Schema

Output

Type: arrayItems Type: string

Example Execution Logs
Total runtime: 83.30410671234131
Version Details
Version ID
726490288e511005482c3b1361fd6c5e5b62405a3ff052363f38b17bf10ef78b
Version Created
October 12, 2024
Run on Replicate →