Skip to content

インラインポップアップ

VMark はリンク、画像、メディア、数式、脚注などを編集するためのコンテキストポップアップを提供します。これらのポップアップは WYSIWYG モードとソースモードの両方で一貫したキーボードナビゲーションで動作します。

共通キーボードショートカット

すべてのポップアップはこれらのキーボード動作を共有します:

アクションショートカット
閉じる/キャンセルEscape
確認/保存Enter
フィールドをナビゲートTab / Shift + Tab

リンクツールチップとポップアップ

VMark はリンクに対して 2 段階のシステムを使用します: ホバー時の読み取り専用ツールチップと、キーボードショートカットによる編集ポップアップ。

ホバーツールチップ(読み取り専用)

トリガー: リンク上にホバー(300ms の遅延)

表示内容:

  • URL プレビュー — 省略された URL(ホバーで全 URL を表示)
  • 開くボタン — ブラウザでリンクを開く(または#ブックマークの場合は見出しにジャンプ)

動作: 表示のみ。マウスを離すと消えます。

既存リンクの編集

トリガー: リンク内にカーソルを置く + Mod + K

フィールド:

  • URL — リンク先を編集
  • 開く — ブラウザでリンクを開く
  • コピー — URL をクリップボードにコピー
  • 削除 — リンクを削除し、テキストを保持

新しいリンクの作成

トリガー: テキストを選択 + Mod + K

スマートクリップボード: クリップボードに URL が含まれている場合、自動的に入力されます。

フィールド:

  • URL 入力 — 宛先を入力
  • 確認 — Enter を押すか✓をクリック
  • キャンセル — Escape を押すか✗をクリック

ソースモード

  • リンク上で Cmd + Click → ブラウザで開く
  • [text](url)構文を クリック → 編集ポップアップを表示
  • リンク内で Mod + K → 編集ポップアップを表示

ブックマークリンク

#で始まるリンクはブックマーク(内部見出しリンク)として扱われます。「開く」はブラウザを開く代わりに見出しにジャンプします。

メディアポップアップ(画像、ビデオ、オーディオ)

すべてのメディアタイプ — 画像、ビデオ、オーディオ — を編集するための統合ポップアップ。

編集ポップアップ

トリガー: 任意のメディア要素(画像、ビデオ、オーディオ)をダブルクリック

すべてのメディアタイプに共通のフィールド:

  • ソース — ファイルパスまたは URL

タイプ固有のフィールド:

フィールド画像ビデオオーディオ
Alt テキストはい
タイトルはいはい
ポスターはい
サイズ読み取り専用
インライン/ブロック切り替えはい

ボタン:

  • 参照 — ファイルシステムからファイルを選択
  • コピー — ソースパスをクリップボードにコピー
  • 削除 — メディア要素を削除

ショートカット:

  • Mod + Shift + I — 新しい画像を挿入
  • Enter — 変更を保存
  • Escape — ポップアップを閉じる

ソースモード

ソースモードでは、画像構文![alt](path)をクリックすると同じメディアポップアップが開きます。メディアファイル(ビデオ/オーディオの拡張子)はホバー時にネイティブ再生コントロール付きのフローティングプレビューを表示します。

数式ポップアップ

ライブプレビュー付きで LaTeX 数式を編集します。

トリガー:

  • WYSIWYG: インライン数式$...$をクリック

フィールド:

  • LaTeX 入力 — 数式を編集
  • プレビュー — リアルタイムのレンダリングプレビュー
  • エラー表示 — 役立つ構文ヒント付きで LaTeX エラーを表示

ショートカット:

  • Mod + Enter — 保存して閉じる
  • Escape — キャンセルして閉じる
  • Shift + Backspace — インライン数式を削除(空でない場合も動作)
  • Alt + Mod + M — 新しいインライン数式を挿入

エラーヒント

LaTeX の構文エラーがある場合、ポップアップは欠けている括弧、未知のコマンド、バランスの取れていない区切り記号などの役立つ提案を表示します。

ソースモード

ソースモードでは、テキストで直接数式を編集します。プレビューは Mermaid/数式プレビューパネルに表示されます。

脚注ポップアップ

インラインで脚注コンテンツを編集します。

トリガー:

  • WYSIWYG: 脚注参照[^1]にホバー

フィールド:

  • コンテンツ — 複数行の脚注テキスト(自動リサイズ)
  • 定義にジャンプ — 脚注の定義にジャンプ
  • 削除 — 脚注を削除

動作:

  • 新しい脚注はコンテンツフィールドにオートフォーカスします
  • 入力するにつれてテキストエリアが拡大します

Wiki リンクポップアップ

内部ドキュメント接続のための Wiki スタイルリンクを編集します。

トリガー:

  • WYSIWYG: [[target]]にホバー(300ms の遅延)
  • ソース: Wiki リンク構文をクリック

フィールド:

  • ターゲット — ワークスペース相対パス(.md拡張子は自動処理)
  • 参照 — ワークスペースからファイルを選択
  • 開く — リンクされたドキュメントを開く
  • コピー — ターゲットパスをコピー
  • 削除 — Wiki リンクを削除

テーブルコンテキストメニュー

素早いテーブル編集アクション。

トリガー:

  • WYSIWYG: ツールバーまたはキーボードショートカットを使用
  • ソース: テーブルセルを右クリック

アクション:

アクション説明
上/下に行を挿入カーソル位置に行を追加
左/右に列を挿入カーソル位置に列を追加
行を削除現在の行を削除
列を削除現在の列を削除
テーブルを削除テーブル全体を削除
列を左/中央/右に整列現在の列の整列を設定
すべてを左/中央/右に整列すべての列の整列を設定
テーブルをフォーマットテーブル列を自動整列(Markdown を整形)

スペルチェックポップアップ

提案でスペルエラーを修正します。

トリガー:

  • 誤ったスペルの単語(赤いアンダーライン)を右クリック

アクション:

  • 提案 — クリックして提案に置換
  • 辞書に追加 — 誤りとしてマークするのを停止

モード比較

要素WYSIWYG での編集ソース
リンクホバーツールチップ / Mod+Kクリック / Mod+K / 開くにはCmd+Click
画像ダブルクリック![](path)をクリック
ビデオダブルクリック
オーディオダブルクリック
数式クリック直接編集
脚注ホバー直接編集
Wiki リンクホバークリック
テーブルツールバー右クリックメニュー
スペルチェック右クリック右クリック

ポップアップナビゲーションのヒント

フォーカスの流れ

  1. 最初の入力フィールドにフォーカスしてポップアップが開く
  2. Tabでフィールドとボタンを前方に移動
  3. Shift + Tabで後方に移動
  4. フォーカスはポップアップ内でラップする

素早い編集

  • 単純な URL 変更の場合: 編集してEnterを押す
  • キャンセルする場合: 任意のフィールドからEscapeを押す
  • 複数行コンテンツ(脚注、数式)の場合: Mod + Enterで保存

マウスの動作

  • ポップアップの外側をクリックして閉じる(変更は破棄される)
  • ホバーポップアップ(リンク、脚注、Wiki)は表示前に 300ms の遅延がある
  • マウスをポップアップに戻すと開いたままにする