ホーム > サポート・マニュアル > チュートリアル > 組み込みのJavascript > ウィジウィグ・絵文字入力ユニットの設定をする
a-blog cmsでは、「ウィジウィグ」ユニットでウィジウィグでのHTML入力や絵文字入力ができます(ウィジウィグ・絵文字エディター)。絵文字画像ファイルの指定、ウィジウィグ・絵文字エディターの利用設定、ツールバー表示設定、ほか詳細設定が可能です。(v1.2.1より)
この機能の設定は、/js/acms/config.js にあります。設定を変更する場合は、適用しているテーマ内にJavaScriptファイルを別途作成してください。詳しくは「組み込みのJavaScriptの設定を編集する」を参照してください。
絵文字画像ファイルの設定をする
/js/acms/config.jsの設定箇所は以下のとおりです。
emojiDir : ACMS.Config.jsRoot + 'acms/images/emoji/',
| emojiDir | 絵文字画像のファイルが格納されているディレクトリパスを指定します。 例)acms/images/emoji/ |
|---|
任意の入力フィールドでウィジウィグ・絵文字エディターが利用できるようにする
/js/acms/config.jsの設定箇所は以下のとおりです。
emoMark : 'textarea.js-emoditor',
| emoMark | ここで指定した任意のHTMLの要素で、ウィジウィグ・絵文字エディターを利用できます。 例)「textarea.js-emoditor」と指定した場合 <textarea name="textarea" rows="" cols="" class="js-emoditor"></textarea> |
|---|
ウィジウィグ入力ツールバーの表示・非表示の設定をする
/js/acms/config.jsの設定箇所は以下のとおりです。
emoToolbar :
[
['Source','-','Templates'],
['Cut','Copy','Paste','PasteText','PasteFromWord'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Maximize', 'ShowBlocks'],
'/',
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Link','Unlink','Anchor'],
['Table','HorizontalRule'],
'/',
['Styles','Format','Font','FontSize'],
['TextColor','BGColor'],
['Emoji']
],
| emoToolbar | ツールバーの表示・非表示や表示順を指定します。「[]」でアイコンのくくりを、「/」でツールバーの改行を指定します。非表示にしたいものはそのアイコンの文字列を削除します。(削除する際はカンマやコーテーションに注意してください。) |
|---|
その他詳細設定
/js/acms/config.jsの設定箇所は以下のとおりです。
emoConfig : {
enterMode : 1,
fontSize_sizes : '80%/80%;90%/90%;100%/100%;110%/110%;120%/120%;130%/130%;140%/140%;150%/150%;160%/160%;170%/170%;180%/180%;190%/190%;200%/200%',
font_names : 'MSゴシック/MS Gothic, Osaka-Mono, monospace; MS Pゴシック/MS PGothic, Osaka, sans-serif; MS UI Gothic/MS UI Gothic, Meiryo, Meiryo UI, Osaka, sans-serif; MS P明朝/MS PMincho, Saimincho, serif; Arial/Arial, Helvetica, sans-serif;Comic Sans MS/Comic Sans MS, cursive;Courier New/Courier New, Courier, monospace;Georgia/Georgia, serif;Lucida Sans Unicode/Lucida Sans Unicode, Lucida Grande, sans-serif;Tahoma/Tahoma, Geneva, sans-serif;Times New Roman/Times New Roman, Times, serif;Trebuchet MS/Trebuchet MS, Helvetica, sans-serif;Verdana/Verdana, Geneva, sans-serif',
language : 'ja'
},
emoLang : {
'ja' : {
'emoji' : {
toolbar : '絵文字',
title : '絵文字挿入'
}
}
},
| enterMode | ウィジウィグの入力フィールド内で改行を入れた場合の、HTMLへの変換の指定です。 1は<p>、2は<br>、3は<div>に変換されます。 |
|---|
以下のページに詳細設定の情報が掲載されています。
http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html
このドキュメントと関連している内容のエントリー
- 関連度 3 : 任意の入力フィールドをCKEditorにする
- 関連度 2 : WYSIWYG(ウィジウィグ)で入力する
- 関連度 1 : https関連のリンクを書き換える機能
- 関連度 1 : post includeの結果をキャッシュさせない方法
- 関連度 1 : 特定の部分の表示/非表示をフェード効果で切り替える機能(js-fader)
ドキュメントの内容に関するお知らせフォーム
内容に誤り・現行バージョンと異なる部分がありましたら、下記のフォームよりお知らせください。



