HTML ツールバーの構成

  • リリースバージョン: Yokohama
  • 更新日 2025年01月30日
  • 所要時間:2分
  • 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 のボタンオプション
      ボタンの目的 承認されたボタン名
      書式設定
      • aligncenter
      • 両端揃え
      • 左揃え
      • 右揃え
      • バックカラー
      • ブロック
      • blockquote
      • ボールド
      • ブリスト
      • fontfamily
      • フォントサイズ
      • forecolor (前色)
      • インデント
      • イタリック
      • ltr
      • 新規ドキュメント
      • nonbreaking
      • 番号リスト
      • インデントを減らす
      • pagebreak
      • RemoveFormat
      • RTL
      • ストリクスルー
      • 添字
      • 上つき
      • アンダーライン
      テーブル機能
      • テーブル
      • tableofcontens
      編集中
      • コピー
      • cut
      • 貼り付けテキスト
      • やり直す
      • searchreplace
      • 外す
      拡張機能
      • a11yチェック
      • アンカー
      • charmap
      • コード
      • codesample
      • emoticons
      • 全画面表示 ( Internet Explorer ではサポートされていません)
      • HR
      • イメージ
      • insertdatetime
      • リンク
      • メディア
      • プレビュー
      • プリント
      • 解除
      • visualblocks
      • visualchars

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

      表 : 2. htmlArea のボタンオプション
      ボタンの目的 承認されたボタン名
      書式設定
      • ボールド
      • フォント名
      • フォントサイズ
      • forecolor (前色)
      • formatblock
      • hilitecolor
      • インデント
      • insertorderedlist
      • insertUnorderedList
      • イタリック
      • justifycenter
      • 両端揃え
      • 左揃え
      • 正当性
      • インデントを減らす
      • アンダーライン
      編集中
      • コピー
      • 外す
      拡張機能
      • a11yチェック
      • createlink (リンクを作成)
      • HTMLMode
      • 挿入水平ルール
      • 挿入画像
      • 挿入可能。
      • 挿入用ビデオ
    3. [Update (更新)] を選択します。

    次のタスク

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