HTML フィールドエディターの書式設定アイコン

  • リリースバージョン: Washingtondc
  • 更新日 2024年02月01日
  • 読む2読むのに数分
  • 書式設定テーブルには、テキストの表示方法をコントロールする方法が表示されます。

    次の表は、TinyMCE および htmlArea エディターで使用できるアイコンを示しています。アスタリスク (*) でマークされた名前は、htmlArea エディターでは使用できません。

    表 : 1. 書式設定の表
    htmlArea のアイコン TinyMCE のアイコン 名前 説明

    太字の html

    TinyMCE v4 の太字

    ボールド

    選択したテキストまたは現在の単語に太字の書式を適用します。

    キーボードショートカット:CTRL + B

    斜体の html

    TinyMCE v4 の斜体

    斜体

    選択したテキストまたは現在の単語に斜体の書式を適用します。

    キーボードショートカット:CTRL + I

    下線の html

    TinyMCE v4 の下線

    下線

    選択したテキストまたは現在の単語に下線の書式を適用します。

    キーボードショートカット:CTRL + U

    右揃えテキストの html

    TinyMCE v4 の右揃え

    右揃え

    現在の段落に右揃えを適用します。

    コード参照text-align:right

    中央揃えテキストの html

    TinyMCE v4 の中央揃え

    中央揃え

    現在の段落に中央揃えを適用します。

    コード参照text-align:center

    左揃えテキストの html

    TinyMCE v4 の左揃え

    左揃え

    現在の段落に左揃えを適用します。

    コード参照text-align:left

    両端揃えテキストの html

    TinyMCE v4 の両端揃え

    両端揃え

    行を同じ幅に拡大する両端揃えを現在の段落に適用します。

    コード参照text-align:justify

    段落スタイルの html

    フォーマット [段落]、[見出し 1]、[書式設定済み] などの段落スタイルを現在の段落に適用します。

    フォントファミリの html

    TinyMCE v4 のフォント

    フォントファミリ 選択したテキストまたは現在の単語にフォントファミリを適用します。

    フォントサイズの html

    TinyMCE v4 のフォントサイズ

    フォントサイズ 選択したテキストまたは現在の単語にフォントサイズを適用します。

    箇条書きの html

    TinyMCE v4 の箇条書き

    箇条書きの挿入/削除 選択した段落の順序付けされていないリストタグを適用または削除します。ボタンの横にある矢印をクリックして、別の箇条書きタイプを選択します。

    番号付きの html

    TinyMCE v4 の番号

    番号付きリストの挿入/削除 選択した段落の順序付けされたリストタグを適用または削除します。ボタンの横にある矢印をクリックして、別の番号タイプを選択します。

    インデント削除の html

    TinyMCE v4 のインデント削除

    インデントの削除

    現在の段落または選択した段落からインデントを削除します (左のパディングの 30px を削除します。パディングは 0 未満にすることはできません)。

    コード参照pading-left

    インデントの html

    TinyMCE v4 のインデント

    インデントの追加

    現在の段落または選択した段落にインデントを適用します (左に 30px のパディングを追加します)。

    コード参照pading-left

    テキストの色の html

    テキストの色の html

    テキストの色の選択 現在の単語または選択したテキストにフォントの色を適用します。ボタンをクリックして現在の色を使用するか、ボタンの横にある矢印をクリックして他の色を表示します。[その他の色...(More Colors...)] をクリックすると、さまざまな色のオプションと 16 進コードが表示されます。

    背景色の html

    TinyMCE v4 の背景色

    背景色の選択 現在の単語または選択したテキストに背景色を適用します。ボタンをクリックして現在の色を使用するか、ボタンの横にある矢印をクリックして他の色を表示します。[その他の色...(More Colors...)] をクリックすると、さまざまな色のオプションと 16 進コードが表示されます。