2012年10月20日

ckeditor でショートカットキー作成

お願いします♪いいねとかつぶやいたりして下さい
 
http://greg.gannicott.co.uk/2011/01/18/ckeditor-associating-headings-eg-h1-with-a-keyboard-shortcuts/

とりあえず、h1のやり方のみ。

ckeditor フォルダに
/ckeditor/plugins/button-h1/

フォルダを作成し、plugin.jsファイルをその中に作成。

plugin.js
(function(){
   var a= {
      exec:function(editor){
         var format = {
            element : 'h1',
            attributes : { 'class' : 'item_body_heading_1' }
         };
      var style = new CKEDITOR.style(format);
      style.apply(editor.document);
   }
 },

 b="button-h1";
 CKEDITOR.plugins.add(b,{
    init:function(editor){
       editor.addCommand(b,a);
    }
 });
})();


config.js
CKEDITOR.editorConfig = function( config )
{
	config.extraPlugins = 'button-h1';
	 config.keystrokes = [
	 [ CKEDITOR.CTRL + 49 /*1*/, 'button-h1' ],
	 ];
};


こんな感じ。

これで ctrl +1 を押すと、 h1タグが自動挿入される。
関連するタグ:
あなたにとって有用な記事でしたか?是非ブックマークしておくことをおすすめします。
 




ライブラリを配布しちゃったり
webデザイン
Fireworks
HTMLコーディング
CSS
Dreamweaver
携帯サイト
webプログラム
PHP
正規表現
cakephp
MYSQL
javascript
webマーケティング
adwords
analytics
windows7
ショートカットキー
おすすめ情報
サイト
facebook
ライブラリ
配布
アプリ
iphone
ipad
サーバー
さくらサーバー
全ての記事を読む




トップ - 最新の記事一覧 - お問い合わせ