Markdown ViewerBeta

⏱️ 0 Min Read📝 0 WordsT 0 Chars

Editor

<div align="center">
  <h1>🛡️ SafeKey Markdown Showcase</h1>
  <p><strong>A beautifully designed, secure, and offline-first Authenticator for Android.</strong></p>
  <p>
    <a href="https://github.com/ARCns09/safekey/releases/latest"><img src="https://img.shields.io/github/v/release/ARCns09/safekey?style=for-the-badge&color=2563EB" alt="Latest Release" /></a>
    <a href="https://github.com/ARCns09/safekey"><img src="https://img.shields.io/github/stars/ARCns09/safekey?style=for-the-badge&color=3DDC84" alt="Stars" /></a>
    <a href="https://github.com/ARCns09/safekey/blob/main/LICENSE"><img src="https://img.shields.io/github/license/ARCns09/safekey?style=for-the-badge&color=0F172A" alt="License" /></a>
  </p>
</div>

Welcome to the SafeKey Markdown Viewer! This editor supports **every** standard markdown feature, plus GFM (GitHub Flavored Markdown), safe HTML, and custom responsive media grids.

---

## 📝 Text Formatting

You can use **bold**, *italic*, ***both***, and ~~strikethrough~~.
You can also use <ins>inserted</ins> text and <kbd>Ctrl</kbd> + <kbd>K</kbd> for keyboard shortcuts!
Subscript: H<sub>2</sub>O | Superscript: X<sup>2</sup>

> Blockquotes are great for drawing attention to important information.
> They can even be nested or span multiple lines.

## 📋 Lists & Tasks

### Unordered List
- SafeKey Android App
- SafeKey Website
  - Markdown Renderer
  - GitHub Integrations

### Ordered List
1. Write Markdown
2. See Live Preview
3. Export to `.md`

### Task List
- [x] Build an awesome Markdown Renderer
- [x] Support GitHub Badges natively
- [ ] Add more features to SafeKey

## 💻 Code & Syntax

Inline code looks like `npm install safekey`.

```typescript
// Block code supports syntax highlighting
function greetUser(name: string): string {
  return `Welcome to SafeKey, ${name}!`;
}
```

## 📊 Tables

Tables automatically scroll horizontally on small screens to prevent breaking the layout!

## 🖼️ Media & Links

[Internal links](/changelog) and [External links](https://github.com) are handled securely.

### Auto-Grid Images
When you place multiple images next to each other on the same line, SafeKey automatically groups them into a beautiful, responsive grid layout!

![Preview 1](/web-assets/SafeKey.png)
![Preview 2](/web-assets/SafeKey.png)
![Preview 3](/web-assets/SafeKey.png)

## 🔒 Safe HTML

You can use raw HTML! Details and summaries work natively:

<details>
<summary>👉 Click to expand hidden content</summary>

Surprise! This content was hidden using the HTML `<details>` tag. SafeKey sanitizes HTML to prevent XSS attacks while allowing safe elements to render perfectly.
</details>

Preview

🛡️ SafeKey Markdown Showcase

A beautifully designed, secure, and offline-first Authenticator for Android.

Welcome to the SafeKey Markdown Viewer! This editor supports every standard markdown feature, plus GFM (GitHub Flavored Markdown), safe HTML, and custom responsive media grids.

📝 Text Formatting

You can use bold, italic, both, and ~~strikethrough~~. You can also use inserted text and Ctrl + K for keyboard shortcuts! Subscript: H₂O | Superscript: X²

Blockquotes are great for drawing attention to important information. They can even be nested or span multiple lines.

📋 Lists & Tasks

Unordered List

SafeKey Android App
SafeKey Website
- Markdown Renderer
- GitHub Integrations

Ordered List

Write Markdown
See Live Preview
Export to .md

Task List

Build an awesome Markdown Renderer
Support GitHub Badges natively
Add more features to SafeKey

💻 Code & Syntax

Inline code looks like npm install safekey.

// Block code supports syntax highlighting
function greetUser(name: string): string {
  return `Welcome to SafeKey, ${name}!`;
}

📊 Tables

Tables automatically scroll horizontally on small screens to prevent breaking the layout!

Feature	Supported	Description
Tables	✅	Native GFM table support
HTML	✅	Sanitized HTML rendering
Grids	✅	Auto-grouping for inline images

🖼️ Media & Links

Internal links and External links are handled securely.

Auto-Grid Images

When you place multiple images next to each other on the same line, SafeKey automatically groups them into a beautiful, responsive grid layout!

🔒 Safe HTML

You can use raw HTML! Details and summaries work natively:

👉 Click to expand hidden content

Surprise! This content was hidden using the HTML <details> tag. SafeKey sanitizes HTML to prevent XSS attacks while allowing safe elements to render perfectly.