ホーム > サポート・マニュアル > チュートリアル > 組み込みの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


ドキュメントの内容に関するお知らせフォーム

内容に誤り・現行バージョンと異なる部分がありましたら、下記のフォームよりお知らせください。


お名前
 
メールアドレス(任意)
 
お知らせ内容
Cookieに保存

  • オンラインセミナー
  • イベントスケジュール
  • ユーザーフォーラム
  • Twitterでa-blog cmsをフォローしてください!

携帯アクセス解析