サクッと Markdown を html に変換するウェブアプリ

サクッと Markdown を html に変換するウェブアプリ

markdownでブログを書いたりドキュメントを書いたり、いろいろ使っている方も多いと思います。

この記事では、markdownをhtmlに変換するウェブアプリを紹介します。

1. URL

URLは以下のとおり。

https://markdowntohtml.com

アクセスすると以下のような画面が表示されます。

ログインやアカウント作成不要で使用することができます。

2. markdownドキュメントの入力

Enter Markdown タブにmarkdownを入力していきます。

今回は以下のように入力してみました。

3. プレビューの確認方法

画面下部のPreviewタブに表示されます。編集内容が自動的に反映されます。

4. HTMLソースの確認方法

Previewタブの右側のRaw HTMLタブに表示されます。

※注:このタブでは、<html>タグやCSSが省略されています。これらを含めたソースコードを確認するには、後述する手順でHTMLファイルのダウンロードが必要です。

5. cssの入力方法

markdownを入力したEnter Markdownタブの右側のCustom CSSタブに入力します。

今回は、文字の色を赤に変更してみました。

Previewタブを確認すると、文字色が赤に変更されています。

6. htmlファイルのダウンロード方法

「↓」ボタンをクリックすると、HTMLファイルをダウンロードすることができます。

以下のように、<html>タグやCSSが含まれたHTMLファイルをダウンロードできます。

速攻でメモできる QuickNote リリースしました!

QuickNoteは動作が超軽量でサクサクかけるノートアプリです。一瞬の閃きを逃さずにノートを開き書き始めることができます。 アカウント登録も不要です。お試しあれ!

Excel操作をコマンドで! proBoarderExcel

Excelはマウスで操作するのが基本ですが、マウス操作に疲れてはいませんか? キーボードでExcel操作ができるようになるアプリです。オープンソースで無料です。

積み上げ! Daily Stack リリースしました!

Daily Stack は日々の積み上げを管理するToDoアプリです。過去の積み上げの振り返りだけでなく、ツイート機能もあります。 アカウント登録不要ですぐに使い始めることができます。

ExecNote.app リリースしました!

ExecNoteは、コードが実行できるMarkdownアプリケーションです。Markdownドキュメント内に記載したコードをクリックすると実行ができます。わざわざターミナルを 起動させる必要がありません!無料ですのでもしよければダウンロードをお願いします。

About Me

11年目のシステムエンジニアです。アプリで生活や仕事を改善したい🐱仕事効率化、自動化のアプリ開発が得意です、ご相談ください。 🚀エンタメ系アプリの開発も模索中🐬社内SEや個人アプリ開発者、システムエンジニアになりたい人と繋がりたい🐱