LoginSignup
1
1

More than 3 years have passed since last update.

かんたんMarkdown を改良、すぐビルドできるdockerイメージも用意しました。

Last updated at Posted at 2020-10-14

すぐ使いたい方

きっかけ

  • raugisu/KanTanMarkdown の プレビュー時メニュー非表示版 が最高に良かったので、ここからforkしました。

改良

改良内容

  • 閲覧モード
    • 見た目をQiitaっぽくしました。
    • スマホ表示に対応
    • codeタグをPotmumっぽくしました。
    • 記事が目立つような見た目にしました。(Potmumを参考)
    • info, warn, alert を bootstrap 4っぽくしました。
    • フローチャートとシーケンス図が左寄せだったので、中央揃えにしました。
  • 編集モード
    • マウスクリックしても見出し同期するようにしました。
    • スクロール時に閲覧モードもスクロールするようにしました。
  • 画像編集モード
    • ボタン表記を日本語にしました。
    • 青色を追加しました。
    • ボタンへのアクセスキーを追加しました。Altキーを押しながら( )内のキーを押してください。

その他の改良内容については詳しくはGithubを参照してください。

閲覧モード
1.PNG
編集モード
1.PNG


ビルド環境

git clone "https://github.com/tukiyo/docker-KanTanMarkdown"
cd docker-KanTanMarkdown

# ./KanTanMarkdown/ 内を改良する

sh run-build.sh
# 開発用。./KanTanMarkdown/src/ を編集すると自動でビルドされる
sh run-grunt.sh

1.PNG

# ビルド実施
sh run-grunt-build.sh

IEについて

  • IE8までは動作しない。IE9で確か動作した気がする。
1
1
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1