HTML ツールバーの構成

  • リリースバージョン: Xanadu
  • 更新日 2024年08月01日
  • 所要時間：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_property で使用できます。そこにあるリストから選択し、システムプロパティ [sys_properties] glide.ui.html.editor.toolbar に追加できます。セクションセパレーターを追加するには、垂直バー ("|") を使用します。

      表 : 1. TinyMCE のボタンオプション
      ボタンの目的 承認されたボタン名
      書式設定 newdocument、bold、italic、underline、aligncenter、alignjustify alignleft、alignright、indent、outdent、numlist、bullist、blocks、fontfamily、fontsize、forecolor、removeformat、backcolor、blockquote、strikethrough、subscript、superscript、pagebreak、nonbreaking、ltr rtl
      テーブル機能 table、tableofcontents
      編集中 copy、cut、paste、pastetext、undo、redo、searchreplace
      拡張機能 link、unlink、charmap、code、codesample、hr、image、media、preview、print、visualblocks、visualchars、anchor、emoticons、insertdatetime、fullscreen (Internet Explorer ではサポートされていません)

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

      表 : 2. htmlArea のボタンオプション
      ボタンの目的 承認されたボタン名
      書式設定 formatblock、fontname、fontsize、bold、italic、underline、justifyleft、justifycenter、justifyright、justifyfull、insertorderedlist、insertunorderedlist、outdent、indent、forecolor、hilitecolor
      編集 copy、paste、undo
      拡張機能 createlink、inserthorizontalrule、insertimage、insertvideo、inserttable、htmlmode
    3. [更新] を選択します。

    次のタスク

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