HTML ツールバーの構成

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間:3分
  • HTML ツールバーで使用できるボタンを構成します。

    始める前に

    必要なロール:admin

    手順

    1. 好みの HTML フィールドエディターのツールバーオプションを更新します。
      オプション説明
      htmlArea ツールバー
      1. アプリケーションナビゲーターに「sys_properties.list」と入力して、システムプロパティ [sys_properties] テーブルに移動します。
      2. [名前] 列で、glide.ui.html.toolbar を検索します。
      3. glide.ui.html.toolbar プロパティを選択します。
      TinyMCE
      1. アプリケーションナビゲーターに「sys_properties.list」と入力して、システムプロパティ [sys_properties] テーブルに移動します。
      2. [名前] 列で、glide.ui.html.editor.toolbar を検索します。
      3. glide.ui.html.editor.toolbar プロパティを選択します。
    2. [値] フィールドで、各ツールバーのボタンを、スペースを入れずにカンマで区切って入力または削除します。

      TinyMCE ツールバーの場合、TinyMCE ボタンオプションテーブルにあるすべてのツールバーボタンを glide.ui.html.editor.toolbar.valid_buttons で使用できます。そこにあるリストから選択し、システムプロパティ [sys_properties] glide.ui.html.editor.toolbar に追加できます。セクションセパレーターを追加するには、垂直バー ("|") を使用します。

      表 : 1. TinyMCE のボタンオプション
      ボタンの目的 承認されたボタン名
      書式設定
      • 中央揃え
      • 両端揃え
      • 左揃え
      • 右揃え
      • 背景色
      • ブロック
      • blockquote
      • ボールド
      • ブリスト
      • 画像を編集
      • フォントファミリー
      • FontSize
      • formatpainter
      • forecolor (前色)
      • ヘルプ
      • インデント
      • 斜体
      • ltr
      • newdocument
      • nonbreaking
      • numlist
      • インデントを戻す
      • pagebreak
      • removeformat
      • rtl
      • 取り消し線
      • 添字
      • 上付き文字
      • 下線付き
      テーブル機能
      • table
      • tableofcontents
      編集中
      • コピー
      • 切り取り
      • 貼り付け
      • テキスト貼り付け
      • やり直し
      • searchreplace
      • 元に戻す
      拡張機能
      • a11ycheck
      • アンカー
      • charmap
      • code
      • codesample
      • emoticons
      • 全画面表示 ( Internet Explorer ではサポートされていません)
      • ヘルプ
      • HR
      • 画像を編集
      • insertdatetime
      • link
      • メディア
      • プレビュー
      • 印刷
      • リンクを解除
      • visualblocks
      • visualchars

      htmlArea ツールバーには、htmlArea ボタンオプションテーブルにリストされているボタンを使用します。セクションセパレーターを追加するには、セパレーターを使用します。

      表 : 2. htmlArea のボタンオプション
      ボタンの目的 承認されたボタン名
      書式設定
      • ボールド
      • 画像を編集
      • フォント名
      • FontSize
      • forecolor
      • formatblock
      • formatpainter
      • help
      • hilitecolor
      • インデント
      • insertorderedlist
      • insertunorderedlist
      • 斜体
      • 中央揃え
      • 両端揃え
      • 左揃え
      • 右揃え
      • インデントを戻す
      • 下線付き
      編集中
      • コピー
      • 貼り付け
      • 元に戻す
      拡張機能
      • a11ycheck
      • createlink (リンクを作成)
      • 画像を編集
      • ヘルプ
      • HTMLMode
      • 水平線を挿入
      • 画像を挿入
      • テーブルを挿入
      • ビデオを挿入
    3. [更新] を選択します。

    次のタスク

    詳細については、「TinyMCE のデフォルトツールバーを変更する」を参照してください。