TinyMCE のテーブル機能

TinyMCE バージョン 4 では、メニューとメニュー選択を使用してテーブルを作成および編集します。

表 : 1. TinyMCE バージョン 4

UI 要素	アクション
図 : 1. テーブルメニュー	テーブルアイコン () をクリックして、TinyMCE バージョン 4 テーブルメニューにアクセスします。テーブルメニューを使用して、次のことを行います。 テーブルを挿入または削除する テーブルのプロパティを変更する 行と列を追加、移動、または削除する 行と列のプロパティを変更する セルを分割および結合する
図 : 2. テーブル挿入グリッド	HTML フィールドにテーブルを挿入するには、[テーブルの挿入] をクリックし、グリッド内の正方形をハイライト表示して、目的の行数と列数を表します。最後にハイライト表示された正方形をクリックして、テーブルを挿入します。 テーブルを挿入した後、テーブルの端にあるハンドルをクリックしてドラッグすることで、サイズを変更できます。
図 : 3. テーブルのプロパティ	テーブルメニューから、[テーブルのプロパティ] をクリックして [テーブルのプロパティ] ダイアログボックスを開きます。このボックスから、次のいずれかのアクションを実行できます。 [全般] タブ： テーブルの幅と高さを設定する セル間隔とパディングを設定する 境界線とキャプションを有効にする テーブルの配置を設定する [詳細] タブ： テーブルスタイルを構成する 境界色を選択する 背景色を選択する
図 : 4. セルのプロパティ	目的のテーブルセルにカーソルを置いたまま、テーブルメニューを開き、[セルのプロパティ] をクリックします。このボックスから、テーブルセルの次のプロパティを設定できます。 [全般] タブ： 幅と高さ タイプとスコープ 水平および垂直配置 [詳細] タブ テーブルスタイルを構成する 境界色を選択する 背景色を選択する
図 : 5. 行のプロパティ	目的の行のテーブルセルにカーソルを置いたまま、テーブルメニューを開き、[行のプロパティ] をクリックします。このボックスから、行の次のプロパティを設定できます。 行タイプ 位置調整 高さ [詳細] タブ 行スタイルを構成する 境界色を選択する 背景色を選択する

テーブルベースのエディターから HTML フィールドにテーブルを貼り付けることもできます。