Jose Varghese

Copy as Markdown Button lets your visitors copy any post or page content as clean, well-structured Markdown with a single click. It handles everything from headings and tables to code blocks and nested lists – no extra tools or dependencies required.
Placement & Auto-injection
<ul>
<li>Automatically injects the button before or after the content on any combination of post types (posts, pages, and custom post types)</li>
<li>Shortcode <code>[copy_as_markdown]</code> for manual placement in any post, page, or widget</li>
<li>Gutenberg block available in the Widgets category – place it anywhere in the block editor with per-block overrides for button text, size, and content selector</li>
<li>Exclude specific posts or pages from auto-injection by entering their IDs – shortcode and block placements are unaffected</li>
</ul>
Button Customisation
<ul>
<li>Choose button size: Small, Medium, or Large</li>
<li>Set custom background, text, and hover colours via colour pickers</li>
<li>Adjust corner radius from 0 px (square) to 50 px (pill)</li>
<li>Show or hide the copy icon alongside the button label</li>
<li>Customise the button label (default: “Copy as Markdown”) and the success confirmation text (default: “Copied!”)</li>
<li>Live preview in the settings panel updates instantly as you change style options</li>
</ul>
Content Control
<ul>
<li>Optionally prepend the post title as a Markdown H1 heading</li>
<li>Custom CSS selector to target a specific page element instead of the auto-detected content area</li>
<li>Exclude any elements from the Markdown output using CSS selectors (one per line) – useful for stripping ads, share buttons, comment sections, and related posts</li>
<li>Per-shortcode overrides for button text, size, content selector, and download button visibility</li>
</ul>
Download Button
<ul>
<li>Optional dropdown “Download as .md” button that saves the converted Markdown as a <code>.md</code> file directly from the browser, named after the post slug</li>
<li>Appears alongside the copy button in a split-button dropdown</li>
<li>Can be force-enabled or force-disabled per shortcode instance using the <code>download</code> attribute</li>
</ul>
Markdown URL Endpoint
<ul>
<li>Enable a <code>.md.txt</code> URL endpoint so any post or page can be viewed as plain-text Markdown by appending <code>.md.txt</code> to its URL (e.g. <code>yoursite.com/your-post-slug.md.txt</code>)</li>
<li>The server converts the post HTML to Markdown and serves it as <code>text/plain</code> – useful for programmatic access, LLM ingestion, and content pipelines</li>
<li>Works with Elementor pages by using Elementor’s own renderer when available</li>
<li>Optional “View as Markdown” link in the button dropdown opens the plain-text endpoint in a new tab</li>
<li>Customisable link label for the “View as Markdown” item</li>
</ul>
HTML-to-Markdown Conversion
The converter handles a wide range of HTML elements cleanly:
<ul>
<li>Headings (H1–H6), paragraphs, line breaks, and horizontal rules</li>
<li>Bold (<code>**</code>), italic (<code>*</code>), and strikethrough (<code>~~</code>) inline formatting</li>
<li>Hyperlinks with optional title attributes; images with alt text and titles</li>
<li>Fenced code blocks with language detection from the <code>language-*</code> CSS class</li>
<li>Inline code with backtick escaping</li>
<li>Blockquotes with proper <code>></code> prefixing on every line</li>
<li>Ordered and unordered lists with full nested list support</li>
<li>Tables converted to GitHub-Flavored Markdown pipe tables</li>
<li>Figures with italicised captions</li>
<li>YouTube iframe embeds converted to <code>[Video](url)</code> Markdown links</li>
<li>Scripts, styles, navigation, and form elements are automatically stripped</li>
</ul>
Accessibility & Performance
<ul>
<li>ARIA labels, <code>role="status"</code> live region for screen-reader announcements after copy</li>
<li>Keyboard-navigable dropdown with <code>aria-expanded</code> and <code>role="menu"</code> semantics</li>
<li>Frontend CSS and JavaScript are only loaded on pages where the button will actually appear</li>
</ul>

Copy as Markdown Button

Adds a button to copy markdown, download, and view post as Markdown format. Supports shortcode, Gutenberg block and .md.txt endpoint.

Copy as Markdown Button vs Copy Anything to Clipboard for WordPress – Copy Button, Copy Text & Copy Code