HTML エディターに画像を埋め込む

  • リリースバージョン: Xanadu
  • 更新日 2024年08月01日
  • 所要時間：2分

    • HTML フィールドイメージピッカーを使用して、HTML フィールドに画像を埋め込んだり、画像ライブラリに画像を追加したりすることができます。

    始める前に

    必要なロール：HTML フィールドを含むレコードを更新するために必要なロール。たとえば、ロールを持つすべてのユーザーがナレッジ記事を作成し、そこに画像を埋め込むことができます。

    このタスクについて

    注:
    アドミニストレーターと image_admin ロールを持つユーザーは、 システム UI > イメージ. 「データベースへの画像の保存」を参照してください。

    手順

    1. HTML フィールドを含むフォームを開きます。
    2. 画像を表示する位置をクリックするか、既存の画像を変更する場合は、画像をクリックします。
    3. HTML エディターのツールバーで、画像の挿入/編集アイコン (画像の挿入または編集アイコン) をクリックします。
    4. 画像の挿入/変更フォームで、各フィールドに情報を入力します。
      表 : 1. 画像の挿入/変更フォーム
      フィールド 説明
      タイプ 画像タイプを選択します。
      • イメージライブラリ：db_image テーブルに保存されている画像。複数の場所にある画像ライブラリ内の画像を再利用できます。
      • 添付ファイル：現在のレコードでのみ使用可能
      画像 ファイル名の入力を開始し、リストから画像を選択するか、参照ルックアップアイコンをクリックして画像を選択します。

      新しい画像をアップロードするには、[新規] をクリックし、[ファイルを選択] をクリックして画像を探し、[アップロード] をクリックします。

      [添付ファイル] タイプを選択した場合は、[ファイルを選択] をクリックし、画像を見つけて [添付] をクリックします。
      ツールヒント ユーザーが画像をポイントしたときに表示される代替テキストを入力します。
      代替 アクセシビリティを向上させるために使用できる代替テキストを入力します。たとえば、スクリーンリーダーで使用できます。このフィールドを空白のままにすると、デフォルトで [ツールヒント] フィールドに入力したテキストになります。
      注:
      埋め込み画像のサイズを変更するには、画像をクリックします。サイジングフレームが表示されます。画像が目的のサイズになるまでサイジングポイントをドラッグします。コーナーポイントは、比例的にサイズを調整します。ブラウザーによっては、サイジングフレームが表示される前に画像をハイライト表示する必要がある場合があります。
    5. オプション: 画像の外観をさらにコントロールするには、[詳細オプション] をクリックします。
      表 : 2. 詳細オプション
      フィールド 説明
      レイアウト 画像の 配置 (デフォルトは [ベースライン]) を選択し、[境界線の太さ] を入力します。
      スペーシング 画像の周囲の水平方向のピクセル数と垂直方向のピクセル数を入力します。
      サイズ 画像の幅と高さをピクセル単位で入力します。
    6. [OK] をクリックします。
    7. オプション: HTML エディターに画像を貼り付けます。
      画像を編集するには、エントリを保存してから画像を選択します。画像の挿入/編集アイコンをクリックし、画像を追加する場合と同じテーブルを使用してフォームに入力します。

      貼り付けた画像は添付ファイルとしてシステムに保存されます。