画像・ファイル添付

ページに画像を挿入して、
情報をよりわかりやすく伝えましょう。

画像を挿入

ドラッグ&ドロップや貼り付けで簡単に画像を追加。

メディアライブラリ

アップロード済みの画像を一覧管理・削除。

Markdownでの画像

Markdown記法での画像の挿入方法。

便利な使い方

画像サイズや対応形式など、知っておくと便利な情報。

画像を挿入する

リッチテキストエディタでは、3つの方法で画像をページに挿入できます。いずれもクラウドに自動アップロードされます。

  1. ドラッグ&ドロップ

    パソコンのフォルダやデスクトップから画像ファイルをエディタ上にドラッグ&ドロップするだけで挿入できます。ドロップ中はエディタの枠線が変化して、受け付け可能であることを示します。

  2. クリップボードから貼り付け

    スクリーンショットや画像編集ソフトでコピーした画像を、エディタ上でそのまま貼り付け(Ctrl+V / Cmd+V)できます。ブラウザやアプリからコピーした画像にも対応しています。

  3. ツールバーの画像ボタン

    エディタのツールバーにある画像ボタン()をクリックすると、ファイル選択ダイアログが開きます。パソコン内の画像ファイルを選んで挿入できます。

画像は自動的にクラウドにアップロードされます。アップロード中はスピナーが表示され、完了すると画像に置き換わります。

メディアライブラリ

アップロード済みの画像を一覧で確認・管理できます。

  1. メディアライブラリを開く

    ページ画面の上部にあるメディアボタン()をクリックすると、メディアライブラリがモーダルウィンドウで開きます。このBaseにアップロードされた画像の一覧が表示されます。

  2. 画像を確認する

    メディアライブラリには、このBase内の全ページからアップロードされた画像がサムネイル形式で一覧表示されます。

  3. 画像を削除する

    サムネイルをクリックすると削除の確認ダイアログが表示されます。確認後、クラウドから完全に削除されます。ページ内で使用中の画像を削除するとリンク切れになるため、ご注意ください。

削除した画像は復元できません。ページ内で使われていないことを確認してから削除してください。

Markdownでの画像挿入

Markdown記法のページでも、リッチテキストと同じ操作感で画像をアップロードできます。

  1. ドラッグ&ドロップ / 貼り付け

    Markdownエディタ上に画像をドラッグ&ドロップするか、スクリーンショット等を貼り付け(Ctrl+V / Cmd+V)すると、自動的にクラウドにアップロードされ、カーソル位置に ![ファイル名](URL) 形式で挿入されます。

  2. ツールバーの画像ボタン

    ツールバーの画像ボタン()をクリックすると、ファイル選択ダイアログが開きます。画像を選択するとアップロードされ、Markdown記法で挿入されます。

  3. URLを直接記述

    既にアップロード済みの画像や外部の画像は、URLを直接記述して挿入することもできます。

記法 説明
![代替テキスト](画像URL) 基本の画像挿入
![スクリーンショット](https://...png) クラウドの画像URLを指定
アップロード中はエディタに ![Uploading ファイル名...]() というプレースホルダが表示されます。アップロード完了後、自動的にURLに置き換わります。

便利な使い方

画像添付に関する仕様と便利な情報をまとめました。

項目 内容
対応形式 JPEG、PNG、GIF、WebP、SVGなど、ブラウザが表示できる画像形式
自動リサイズ 幅または高さが 1200px を超える画像は自動的に縮小されます
保存先 画像はBaseごとにクラウド(AWS S3)に保存されます
編集権限 画像のアップロードにはWriter(編集者)以上の権限が必要です
  1. スクリーンショットを素早く貼る

    OS のスクリーンショット機能(Windows: Win+Shift+S、Mac: Cmd+Shift+4)で画面をキャプチャした後、エディタ上で貼り付けるだけで挿入できます。手順書やバグ報告に便利です。

  2. 画像の配置を整える

    挿入した画像はツールバーの配置ボタン( )で左寄せ・中央・右寄せに変更できます。

変更は自動保存されます。画像の挿入後に保存ボタンを押す必要はありません。