MobilePictogram - CKEditor Japan Wiki - CKEditor Japan

MobilePictogram

TypePadで配布している絵文字アイコン画像(クリエイティブ・コモンズとGPLのデュアルライセンス)をCKEditorで利用するためのプラグインです。

スクリーンショット

インストール手順

ダウンロード

ダウンロードページからプラグインをダウンロードします。「src.zip」と「src.tar.gz」は開発者向けのファイルなので、プラグインを利用する場合は「src」の付かないファイルをダウンロードしてください。

ファイルの設置

ダウンロードしたファイルを展開して「ckeditor/plugins/mobilepictogram」をインストール先の「ckeditor/plugins」の下へ設置してください。

読み込むプラグインの追加

ckeditor/config.js で config.extraPlugins へ mobilepictogram を追加してください。(設定例) (ドキュメント)

ツールバーへのボタンの追加

ckeditor/config.js で config.toolbar へ MobilePictogram を追加してください。 (設定例) (ドキュメント)

ckeditor/config.js の設定例

CKEDITOR.editorConfig = function(config) {
    config.extraPlugins = 'mobilepictogram';
    config.toolbar = [
        [
            'Bold', 'Italic', '-', 'NumberedList', 'BulletedList',
            '-', 'Link', 'Unlink','-','MobilePictogram'
        ]
    ];
}