HTML フィールドエディターの書式設定機能

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

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

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

    中央揃えテキストの html

    TinyMCE v6 の中央揃え

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

    コード参照text-align:center

    左揃え

    左揃えテキストの html

    TinyMCE v6 の左揃え

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

    コード参照text-align:left

    右揃え

    右揃えテキストの html

    TinyMCE v6 の右揃え

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

    コード参照text-align:right

    背景色

    背景色 html

    TinyMCE v6 の背景色

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

    段落スタイルの html

    TinyMCE v6 ブロック

    編集可能領域のブロックレベル要素の表示/非表示を切り替えます。これは WYSIWYG 隠し文字機能と似ていますが、ブロックレベルで行われます。
    * ブロック引用符

    TinyMCE v6 のブロック引用符

    現在のブロックレベル要素にブロック引用符形式を適用します。
    ボールド

    太字の html

    TinyMCE v6 の太字

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

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

    箇条書きリスト

    箇条書きの html

    TinyMCE v6 箇条書きリスト

    選択した段落の順序付けされていないリストタグを適用または削除します。矢印を選択して、別の箇条書き記号タイプを選択します。
    フォントファミリ

    [フォントファミリ] html ドロップダウンメニュー

    TinyMCE v6 の [フォントファミリ] ドロップダウンメニュー

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

    フォントサイズの html

    TinyMCE v6 の [フォントサイズ] ドロップダウンメニュー

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

    インデントの html

    TinyMCE v6 インデントの追加

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

    コード参照pading-left

    斜体

    斜体の html

    TinyMCE v6 の斜体

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

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

    両端揃え

    両端揃えテキストの html

    TinyMCE v6 の両端揃え

    行を同じ幅に拡大する両端揃えを、選択した段落に適用します。

    コード参照text-align:justify

    * LTR (左から右)

    TinyMCE v6 LTR

    コンテンツの方向を左から右に設定します。
    * 新規ドキュメント

    TinyMCE v6 新規ドキュメント

    書式を設定せずにドキュメントを作成します。
    ノンブレーキング

    TinyMCE v6 ノンブレーキング

    ノンブレーキングスペースをエディターに挿入します。
    番号付きリスト

    番号付きの html

    TinyMCE v6 番号付きリスト

    選択した段落の順序付けされたリストタグを適用または削除します。矢印を選択して、異なる番号タイプを選択します。
    インデントを減らす

    インデント削除の html

    TinyMCE v6 のインデント削除

    現在の段落または選択した段落からインデントを削除します ( 左のパディングの 30 px を削除します)。

    注:
    パディングを 0 未満にすることはできません。

    コード参照pading-left

    * 改ページ

    TinyMCE v6 改ページ

    エディターに改ページを挿入します。
    * 書式設定を削除

    TinyMCE v6 の書式設定の削除

    選択したテキストから書式設定を削除します。
    * RTL (右から左)

    TinyMCE v6 RTL

    コンテンツの方向を右から左に設定します。
    取り消し線

    TinyMCE v6 取り消し線

    選択したテキストに取り消し線書式を適用します。
    * 下付き文字

    TinyMCE v6 の下付き文字

    選択したテキストに下付き文字の書式を適用します。
    * 上付き文字

    TinyMCE v6 上付き文字

    選択したテキストに上付き文字の書式を適用します。
    テキストの色

    テキストの色の html

    TinyMCE v6 のテキストの色

    選択したテキストにテキストの色を適用します。現在の色を使用するには、ボタンを選択します。[その他の色...(More Colors...)] を選択すると、さまざまな色のオプションと 16 進コードが表示されます。
    下線

    下線の html

    TinyMCE v6 の下線

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

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