CKEditorのツールバーのボタンについて解説!!

Web技術

サイト管理人の’kai’です。( `・∀・´)ノヨロシク

今回は、WYSIWYG(What You See Is What You Get)の一つの機能である「CKEditor」というプラグインのツールバーのボタンについて解説していきます。

この記事の内容を用いると、 CKEditorを用いてシステム作成をする際にツールバーのボタンの表示を制御することが出来ます。

CKEditorの適用方法については、以下の記事を参考にしてください。

ツールバーのボタンについて

以下に、ツールバーのボタンについてまとめます。

分類名称(物理名)名称(論理名)説明
documentSourceソースHTMLの記述を確認することが出来ます。
Save保存
NewPage新しいページ
Previewプレビュー
Print印刷
Templatesテンプレート
clipboardCut切り取り
Undo元に戻す
Redoやり直す
Copyコピー
Paste貼り付け
PasteTextプレーンテキストとして貼り付け
PasteFromWordワード文書から貼り付け
editingFind検索
Replace置換
SelectAllすべて選択
Scaytスペルチェック
formsFormフォーム
Checkboxチェックボックス
Radioラジオボタン
TextField1行テキスト
Textareaテキストエリア
Select選択フィールド
Buttonボタン
ImageButton画像ボタン
HiddenField不可視フィールド
basicstylesBold太字
CopyFormattingフォーマットをコピー
RemoveFormat書式を解除
Italic斜体
Underline下線
Strike打ち消し線
Subscript下付き
Superscript上付き
paragraphNumberedList番号付きリスト
BulletedList番号無しリスト
Outdentインデント解除
Indentインデント
Blockquoteブロック引用文
CreateDivDivコンテナを作成
JustifyLeft左揃え
JustifyCenter中央
JustifyRight右揃え
JustifyBlock両端揃え
Language言語を設定
BidiRtlテキストの向き:右から左へ
BidiLtrテキストの向き:左から右へ
linksLinkリンクの挿入/編集
Unlinkリンクを削除
Anchorアンカー挿入/編集
insertImageイメージ
FlashFlash
Table
HorizontalRule水平線
Smiley絵文字
SpecialChar特殊文字を挿入
PageBreak印刷の為に改ページ挿入
IframeIFrame
stylesStylesスタイル
Format段落の書式
Fontフォント
FontSizeフォントサイズ
colorsTextColor文字色
BGColor背景色
toolsMaximize最大化
ShowBlocksブロック表示
aboutAboutCKEditorについて

まとめ

CKEditorのツールバーのボタンについてまとめました。

この内容を用いれば、ツールバーのボタンの表示を制御することが出来ます。

システム開発をする上での参考となればと思います。