GR Simple MD Renderer & Viewer
© 2026 GoodRelax. MIT License.

GoodRelax Simple Markdown Renderer & Viewer

×

About GRSMD

GRSMD is a lightweight, privacy-first Markdown viewer that runs entirely in your browser.
It supports Markdown, Mermaid diagrams, and PlantUML — no backend, no data sent anywhere without your explicit consent.

Basic Usage

Any of the following triggers an automatic preview:

  1. Paste text anywhere on the page (Ctrl+V / Cmd+V)
  2. Drop a .md file anywhere on the page
  3. Drop any text-based file (.py, .js, .c, etc.) for Code View.
    Note: Syntax highlighting uses the highlight.js common bundle. Some languages (e.g. Dockerfile, Scala, PowerShell) may not be highlighted.
  4. Paste text directly into the [Paste Markdown...] box at the top

Details

  • [Render Light] / L : Render / switch to light mode
  • [Render Dark] / D : Render / switch to dark mode
  • [Reload] / R : Reload the current file from disk
  • [New Tab] / N : Open GRSMD in a new tab
  • [Clear] / C : Clear and reset
  • [?] : Show this help
  • [?] (long press) : Display a prompt template for generating clean Markdown with AI.
  • Up / Down arrow keys: Smooth scroll (Markdown & Code View)
  • Zoom (PC): Ctrl + mouse wheel over a diagram. Double-click to reset. Mac pinch also works.
  • Pan (PC): Click and drag inside a diagram.

Privacy & Security

  • PlantUML is the only exception to client-side-only operation. This tool shows a confirmation dialog before sending any PlantUML data to the official server.
  • HTML embedded in Markdown is not sanitized. Paste only content you trust.

Sample Data

Copy this sample Markdown text for a quick trial
Copy this sample Markdown text for a large-scale data trial

概要 (Japanese)

GRSMDは、すべての処理をブラウザ内で完結させる軽量・プライバシー優先のMarkdownビューワーです。
Markdown、Mermaidダイアグラム、PlantUMLに対応し、明示的な同意なしにデータが外部へ送信されることはありません。

基本的な使い方 (Japanese)

以下のいずれかにより自動的にプレビュー表示されます。

  1. ページ上のどこかにテキストをペースト(Ctrl+V / Cmd+V)
  2. .md ファイルをページ上のどこかにドラッグ&ドロップ
  3. テキスト系ファイル(.py、.js、.c 等)をドロップするとコードビューで表示。
    ※ シンタックスハイライトは highlight.js common バンドルを使用。 一部の言語(Dockerfile, Scala, PowerShell 等)はハイライトされない場合があります。
  4. 上部の [Paste Markdown...] ボックスに直接テキストをペースト

詳細 (Japanese)

  • [Render Light] / L : レンダリング/ライトモード切替
  • [Render Dark] / D : レンダリング/ダークモード切替
  • [Reload] / R : 現在のファイルをディスクからリロード
  • [New Tab] / N : 新しいタブでGRSMDを開く
  • [Clear] / C : 初期化
  • [?] : 本ヘルプを表示
  • [?] 長押し : AIに綺麗なMarkdownを生成させるためのプロンプトテンプレートを表示。
  • 上下矢印キー: スムーズスクロール(Markdownプレビュー・コードビュー共通)
  • 図の拡大 (PC): Ctrl + マウスホイール。ダブルクリックでリセット。Macピンチも可。
  • 図の表示位置を移動 (PC): 図の上でクリック&ドラッグ。

プライバシーとセキュリティ (Japanese)

  • PlantUML: クライアントサイド動作の唯一の例外。公式サーバーにPlantUMLデータを送信する前に、このツールが確認ダイアログを表示します。
  • Markdown内のHTMLはサニタイズされません。信頼できるコンテンツのみ貼り付けること。
×

Prompt for AI Markdown Generation

The prompt below improves the quality of the AI's Markdown output by reducing errors.
Copy this prompt and instruct your AI to output in MCBSMD format.
© 2026 GoodRelax. MIT License.