HTML to Markdown Converter

Text creation using AI and ChatGPT

The HTML to Markdown converter is indispensable for me when I create texts using artificial intelligence.

But why, you ask?

I always give ChatGPT or Bard 2-3 sample texts so that the AI knows in which direction the new text should go. So I scrape the template texts and get the completely blown-up HTML code. This only confuses the AI.

That’s why I used this HTML-to-Markdown converter, which immediately converts HTML to readable Markdown.

The prompt could look like this:

<instructions>
Write an article about "Topic" in Markdown. I've provided you with <examples> of other articles with some of the information you need. Use these examples for the new content.
</instructions>

<style>
Always write in English in the second person singular. Be friendly but professional.
</style>

<exmaple-1>
# Example text 1
...
<example-1>

<exmaple-2>
# Example text 2
...
<example-2>

Other uses for Markdown

An HTML to Markdown converter can be useful in various scenarios, especially in areas where the conversion of web content into more editable or readable formats is required. Here are ten potential uses:

  1. Content migration: when moving content between different content management systems (CMS), an HTML to Markdown converter can make the transition easier, especially if the target CMS supports Markdown.
  2. Documentation creation: For developers and technical writers who want to create documentation in Markdown, a converter makes it easier to convert existing HTML documents into the desired format.
  3. Blog posts: Bloggers who want to write their content in Markdown can easily convert existing HTML posts for use in Markdown-enabled platforms or to edit posts offline in Markdown editors.
  4. Email marketing: Marketing teams can convert HTML emails to Markdown to make content easier to edit or archive.
  5. Educational materials: Teachers and e-learning content creators can convert HTML materials to Markdown for easier integration or editing in learning management systems (LMS).
  6. Backup and archiving: Converting web content to Markdown allows for easier archiving and backup in a text-based and space-saving format.
  7. Content revision and editing: Editing content in Markdown is often faster and less error-prone than in HTML, especially for users without extensive HTML knowledge.
  8. Academic writing: Researchers and academics can convert HTML versions of research articles or online publications to Markdown for easier editing or use in academic tools.
  9. Technical manuals and instructions: Creating and editing technical manuals in Markdown facilitates versioning and collaboration via Git or other version control systems.
  10. Developing presentations and papers: Content for presentations is easier to format and customize in Markdown, especially if the presentation software or platform supports Markdown.

These uses show how versatile an HTML to Markdown converter can be, especially in areas where efficiency, simplicity and the ability to edit text quickly are required.

Markdown Syntax Cheatsheet

This is a quick guide to Markdown syntax. You can find a more detailed guide on GitHub.

Basic formatting

  • Bold: **Bold**
  • Emphasized: *Emphasized*
  • Strikethrough : ~~Strikethrough~~
  • Horizontal rules: --- (three hyphens), *** (three asterisks), or ___ (three underscores).

Headings

All heading levels (e.g. H1, H2, etc.) are marked with # at the beginning of a line. For example, an H1 is # Heading 1 and an H2 is ## Heading 2. This continues up to ###### Heading 6.

Links

Links can be created using several methods:

  • Inline: [inline](https://bloggerpilot.com/)
  • Inline with title: [link with title](https://bloggerpilot.com/ "The BloggerPilot" )
  • Links as reference at the end of the article:
    • Reference link: [reference link][markdowntohtml]
    • As number: [use numbers][1]
  • Relative links: [like this](../blob/master/LICENSE.txt).
  • URLs and URLs in angle brackets are automatically converted into links: https://bloggerpilot.com/ or https://bloggerpilot.com/>.

The URLs for the links are located at a later point in the document, as here:

[markdowntohtml]: https://bloggerpilot.com/
[1]: https://bloggerpilot.com/
[link text itself]: https://bloggerpilot.com/

Images

Images can also be inline or use a link style, similar to links. Just put an exclamation mark in front to turn the link into an image. For example:

Images with the full URL: ![alt-text](https://myb.day/)

Or, a reference-style image:
![alt-text][birthday]

[birthdays]: https://myb.day/

Ordered and unordered lists

Lists are created using indentations and a line start marker to identify a list element.

Unordered lists are structured as follows, for example:

* One element
* Another element
  * A sub-element
    * A lower element
  * Back in the land of sub-elements
* And back to the main level

Ordered lists use a number at the beginning of the line. The numbers do not need to be incremented – this is done automatically by the HTML code. This makes it easier to reorder your ordered lists (in Markdown) as required.

In addition, ordered and unordered lists can be nested inside each other.

Code and syntax highlighting

Inline code is surrounded by “backticks”. Code blocks are either delimited by three backticks (“`) or indented by four spaces. For example:

```
var foo = 'bar';

function fuc(s) {
   return foo ':' s;
}
```

Block quotes

Use > to set text as block quotes. For example:

> First line of a quotation.
> Second line.

For this tool, I use the best Markdown converter: turndown