基本オプション

TinyMCEの基本オプションについて説明します。

デフォルトのTinyMCEは以下のような編集画面になります。

TinyMCEの画面

最上部にはツールバーがあり、その下にテキストエリア、一番下にはサイズ変更バーが表示されます。右下の角の部分をドラッグすることによって、変種画面のサイズを拡大したり縮小することができます。

ツールバー

各ボタンの機能は下記の表のようになります。

アイコン 機能 説明
save save 変更保存
style style
Normal Paragraphhoge
Heading
Subheading
Literal
Discreet
Pull-quote
Call-out
Clear floats
Highlight
(remove style)
Page break (print only)
bold bold 選択テキストを太字にする
italic italic 選択テキストをイタリックにする
left justify left 選択テキストを左揃え
center justify center 選択テキストを中央揃え
right justify right 選択テキストを右揃え
full justify full 選択テクストを左右一杯に揃える
bull bulleted list 黒点リストを作る
num numbered list 数字のリストを作る
outdent outdent 選択したテキストエリアを１タブ分左にずらす
indent indent 選択したテキストエリアを１タブ分右にずらす
table insert table タブを追加する
row row properties 行のプロパティを設定する
cel cell properties セルのプロパティを設定する
rowbefore insert row before 現在の行の前に行を追加する
rowafter insert row after 現在の行の後ろに行を追加する
delrow delete row 行を削除する
colbefore insert column before 現在の列の前に列を追加する
colafter insert column after 現在の列の後ろに列を追加する
delcol delete column 列を削除する
split split cells 現在のセルを分割する
merge merge cells 現在のセルを他のセルと統合する
link insert link リンクを追加または編集する
unlink unlink 現在のリンクを削除する
anchor insert anchor アンカーを追加または編集する
image insert image 画像を追加または編集する
code html htmlをソースコートで編集する
fullscr fullscreen フルスクリーンモードに切り替える