MRender
Introduction
What is MRender?
Getting Started
Writing
Markdown Extensions
Examples
Examples Overview
TOC Disabled
TOC Disabled + Wide
SEO Overrides
Origin Link
ng-component Demo
Code Group and Alerts
Code Features Playground
MRender

Example: Origin Link

This page demonstrates the origin block rendered from markdown frontmatter.

What it does

When origin is present, MRender renders a source card near the end of the article with:

  • Source label (originLabel, or auto-generated fallback)
  • External source URL
  • Safe external link attributes

Copy-paste template

Minimal version

If originLabel is not provided, the label is inferred from the host. For example, medium.com becomes Originally published on Medium.

Validation steps

  1. Open this page in docs.
  2. Scroll to the bottom of article content.
  3. Confirm the source card is visible and link opens in new tab.
  4. Remove originLabel and verify fallback label.

Common mistakes

  • Passing an invalid URL (block will not be rendered).
  • Using non-http protocols.
  • Expecting the source block without origin frontmatter.
Edit this page on GitHub
In this article