1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

GitBucket にマークダウン用ツールバーを導入する企み

Last updated at Posted at 2026-01-27

概要

GitBucket は、GitHub のようにネットワーク上で Git リポジトリを共有できる Web サービスです。

  • Apache-2.0 ライセンスで配布されている。
  • Scala で開発されており、Java 17 実行環境があれば、起動可能。
  • お試しであれば、内臓のH2データベースエンジンが利用できる。
    • 実運用には、PostgreSQL や MariaDB などのリレーショナルデータベースサーバーの利用を推奨
  • 非常に簡単にセルフホストが可能です。

前回、Wiki にも Ace(Ajax.org Cloud9 Editor) を導入しました。

今回は、これにマークダウン用のツールバーを導入しようという企みです。

2026/01/30 Add markdown toolbar by yasumichi · Pull Request #3949 という Pull Request を発行しました。

前回の記事

デモ動画

過去の issue 等

過去、以下のような issue や Pull Request があったようですが、導入に至らなかったようです。

現在考えているツールバーの仕様

image.png

大きくインライン記法用のボタンとブロック記法用のボタンに分類しています。

インライン記法用

ボタン 説明 結果の例
Bold 選択文字を ** で囲みます。 **選択文字**
Italic.png 選択文字を * で囲みます。 *選択文字*
code 選択文字をバッククオートで囲みます。 `選択文字`
Link 選択文字をリンクアンカーにします。 [選択文字]()

現状、既に書式設定済みであるかまでは、関知していません。

ブロック記法用

ボタン 説明 結果の例
Heading 選択範囲の行頭に # を追加します。# が既に6個ある時は、行頭の# をすべて削除します。 # 選択行
Quote 選択範囲の行頭に > を追加します。一段ネストができ、既にネストされている場合は、行頭文字をクリアします。 > 選択行
ul 選択範囲の行頭に - を追加します。既に - がある場合は、削除します。 - 選択行
ol 選択範囲の行頭に 1. を追加します。既に 1. がある場合は、削除します。 1. 選択行
Task List 選択範囲の行頭に - [ ] を追加します。既に - [ ] がある場合は、- [x] に変更します。 - [ ] 選択行
Code Block 選択範囲の前後の行を ``` で囲み、通常言語名を書くところにカーソル移動します。

現状、行頭文字を追加するボタンは、他の行頭文字があると押したボタンの行頭文字に置き換える動きをします。

ToDo

  • 先行している Pull Request のマージを待って、Pull Request
  • 入力補完機能の適用
    • 絵文字も入力補完できるようにする。
1
0
0

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
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?