Convert Rich Text to Markdown Online – Free & Accurate

Rich Text to Markdown Converter

Rich Text to Markdown Converter

Notes on Converting Rich Text to Markdown

1. Headings

  • Rich Text Context: In WordPress’s Block Editor, you select a “Heading” block and choose H1, H2, etc., from a dropdown. This visually adjusts font size and weight (e.g., H1 is largest), and the HTML output is <h1>, <h2>, etc.
  • Markdown Conversion: Use # symbols to denote levels: # for H1, ## for H2, up to ###### for H6. A space is required after the # before the text. This mirrors HTML heading tags.

2. Bold and Italics

  • Rich Text Context: WordPress’s toolbar has bold (B) and italic (I) buttons, producing <strong> for bold and <em> for italics in HTML. Users see visual feedback (e.g., thicker or slanted text).
  • Markdown Conversion: Bold uses **text** or __text__, italics uses *text* or _text_, and combined uses ***text*** or ___text___. No spaces are allowed between markers and text.

3. Lists

  • Rich Text Context: WordPress’s “List” block offers bullets (unordered) or numbers (ordered), with nesting via indentation. HTML output is <ul><li> or <ol><li>.
  • Markdown Conversion: Unordered lists use -, *, or + (e.g., - Item), ordered lists use 1., 2., etc. Nested items indent with 2-4 spaces (e.g., - Subitem).
  • Rich Text Context: WordPress’s link icon lets you wrap text in a URL, outputting <a href="URL">text</a>. Users see clickable text.
  • Markdown Conversion: Use [text](URL) (e.g., [Click me](https://example.com)). Optional titles can be added as [text](URL "title").

5. Images

  • Rich Text Context: WordPress’s “Image” block uploads files to the Media Library, generating <img src="URL" alt="text"> with optional captions.
  • Markdown Conversion: Use ![alt text](URL) (e.g., ![Dog](https://yoursite.com/wp-content/uploads/dog.jpg)). No native size or alignment in standard Markdown.

6. Blockquotes

  • Rich Text Context: WordPress’s “Quote” block indents text, often with a vertical bar or italic styling, outputting <blockquote>.
  • Markdown Conversion: Use > before each line (e.g., > Quote). Multi-line quotes repeat > or wrap naturally.

7. Code

  • Rich Text Context: WordPress’s “Code” block uses monospace font, outputting <pre><code>. No highlighting without extra plugins.
  • Markdown Conversion: Inline code uses `code` , blocks use `followed by a language (e.g.,php).

8. Horizontal Rule

  • Rich Text Context: WordPress’s “Separator” block adds a styled <hr> line.
  • Markdown Conversion: Use ---, ***, or ___ on a standalone line.

9. Tables

  • Rich Text Context: WordPress’s “Table” block creates a grid, outputting <table><tr><td>.
  • Markdown Conversion: Use | for columns, - for headers (e.g., | Head | Head |\n|----|----|).

10. Strikethrough

  • Rich Text Context: WordPress lacks a native strikethrough button but supports <s> or <del> via HTML.
  • Markdown Conversion: Use ~~text~~.
Post Views: 9

Similar Tools

Similar Posts