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, math (LaTeX), 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 an exception to client-side-only operation. This tool shows a confirmation dialog before sending any PlantUML data to the official server, every time it renders.
  • External images (![](https://...), <img src="https://...">) are not loaded until you click a placeholder and confirm. Loading them tells the image servers your IP address and that the document was opened. The consent lasts until [Clear] or a new file drop, and is never stored. Other remote references (video, audio, CSS url(), <style>) are removed.
  • HTML embedded in Markdown is sanitized with DOMPurify (scripts and event handlers are removed). A Content-Security-Policy also blocks any script other than this app's own.

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、数式 (LaTeX)、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データを送信する前に、描画のたびに確認ダイアログを表示します。
  • 外部画像 (![](https://...)、<img src="https://...">): プレースホルダーをクリックして確認するまで読み込みません。読み込むと、画像サーバーにIPアドレスと文書を開いたことが伝わります。同意は [Clear] または新しいファイルのドロップまで有効で、保存はしません。その他の外部参照 (動画・音声・CSSの url()・<style>) は除去します。
  • Markdown内のHTMLはDOMPurifyでサニタイズします (スクリプトとイベント属性を除去)。さらにContent-Security-Policyで、本アプリ以外のスクリプトの実行を禁止します。
×

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.