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

Example: TOC Disabled + Wide Content

This page disables table of contents and expands content width into the free area.

When to use

  • Long-form tutorials with large code blocks.
  • Pages with wide tables or diagrams.
  • Guides where full-width reading space improves readability.

Copy-paste template

Expected behavior

  • The on-page navigation block is hidden.
  • Main markdown column becomes wider on desktop breakpoints.
  • Mobile and tablet behavior stays responsive.

Verification steps

  1. Open this page on desktop width.
  2. Compare content width with example-hide-toc.
  3. Resize browser to mobile width and confirm layout remains stable.

Common mistakes

  • Setting wideContent: true while TOC is still enabled.
  • Expecting width expansion on very small screens.

Sample content block

Notes

Use wideContent only when toc is disabled for the same page.

Edit this page on GitHub