前提・実現したいこと
前提:
「WP-Yomigana」という、ルビを打つことができる「ボタン」を投稿画面の
「ビジュアルエディタ」に設置できるプラグインを使っています。
実現したいこと:
「ビジュアルエディタ」に設置されている、「ルビ」ボタンに、
独自JavaScriptでショートカットキーを設定したいです。
↓参考サイト
WordPress投稿画面でプレビューボタンにショートカットキーを導入したら死ぬほど効率化した!
wordpressの「更新」ボタンにショートカットキーを割り当てる方法
発生している問題・エラーメッセージ
上の参考サイトで紹介されている方法を試してみたのですが、 「テキストエディタ」だとちゃんとショートカットキーが機能しているようなのですが、 なぜか「ビジュアルエディタ」だと無反応です...。
該当のソースコード
参考サイトを参考に作ったコードです。
JavaScript
1function KeyDownFunc(e){ 2 {/* ctrl+Sキーを押したら */ 3 if (e.ctrlKey && e.keyCode==83) 4 var elm3 = document.getElementById('mceu_0-button');/* publish:ルビボタンのID */ 5 if (elm3){ 6 elm3.click(); 7 } 8 } 9} 10// イベントリスナーに対応している 11if(document.addEventListener){ 12 // キーボードを押したときに実行されるイベント 13 document.addEventListener('keydown' , KeyDownFunc); 14// アタッチイベントに対応している 15}else if(document.attachEvent){ 16 // キーボードを押したときに実行されるイベント 17 document.attachEvent('onkeydown' , KeyDownFunc); 18}
php
1//テーマのfunction.phpに作ったJavaScriptを読み込む処理 2function enqueue_admin_style_script() { 3 if( get_post_type() === 'post' ){ 4 wp_enqueue_script( 'wpmyscript', get_stylesheet_directory_uri() . '/js/myshortcutscript15.js', '', '', true); 5 } 6} 7add_action( 'admin_head-post.php', 'enqueue_admin_style_script' );
補足情報(FW/ツールのバージョンなど)
できれば、「ビジュアルエディタ」で「ルビ」ボタンのショートカットキーを設定できるようにしたいです。
(「テキストエディタ」では、「ルビ」ボタンの挙動がおかしいため)
回答1件
あなたの回答
tips
プレビュー