インラインポップアップ
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— ポップアップを閉じる
ソースモード
ソースモードでは、画像構文をクリックすると同じメディアポップアップが開きます。メディアファイル(ビデオ/オーディオの拡張子)はホバー時にネイティブ再生コントロール付きのフローティングプレビューを表示します。
数式ポップアップ
ライブプレビュー付きで 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 |
| 画像 | ダブルクリック | をクリック |
| ビデオ | ダブルクリック | — |
| オーディオ | ダブルクリック | — |
| 数式 | クリック | 直接編集 |
| 脚注 | ホバー | 直接編集 |
| Wiki リンク | ホバー | クリック |
| テーブル | ツールバー | 右クリックメニュー |
| スペルチェック | 右クリック | 右クリック |
ポップアップナビゲーションのヒント
フォーカスの流れ
- 最初の入力フィールドにフォーカスしてポップアップが開く
Tabでフィールドとボタンを前方に移動Shift + Tabで後方に移動- フォーカスはポップアップ内でラップする
素早い編集
- 単純な URL 変更の場合: 編集して
Enterを押す - キャンセルする場合: 任意のフィールドから
Escapeを押す - 複数行コンテンツ(脚注、数式)の場合:
Mod + Enterで保存
マウスの動作
- ポップアップの外側をクリックして閉じる(変更は破棄される)
- ホバーポップアップ(リンク、脚注、Wiki)は表示前に 300ms の遅延がある
- マウスをポップアップに戻すと開いたままにする