CKeditor - 如何绑定击键以将<code>标签应用于所选文本

Question

除了<code>，我已经为CKEditor绑定了几乎所有需要的按键。如何为该HTML标记绑定击键？

config.keystrokes = [
    [ CKEDITOR.CTRL + 32 /*space*/, 'removeFormat' ],
    [ CKEDITOR.CTRL + 56 /*8*/, 'bulletedlist' ],
    [ CKEDITOR.CTRL + CKEDITOR.SHIFT + 56 /*8*/, 'bulletedListStyle' ],
    [ CKEDITOR.CTRL + 77 /*M*/, 'indent' ],
    [ CKEDITOR.CTRL + CKEDITOR.SHIFT + 77 /*M*/, 'outdent' ],
    [ CKEDITOR.CTRL + 188 /*COMMA*/, 'subscript' ],
    [ CKEDITOR.CTRL + 190 /*PERIOD*/, 'superscript' ],
    [ CKEDITOR.CTRL + CKEDITOR.SHIFT + 73 /*I*/, 'image' ],
    [ CKEDITOR.CTRL + 75 /*K*/, 'link' ],
    [ CKEDITOR.CTRL + CKEDITOR.SHIFT + 75 /*K*/, 'unlink' ],
    [ CKEDITOR.CTRL + CKEDITOR.SHIFT + 70 /*F*/, 'find' ],
    [ CKEDITOR.ALT + 88 /*X*/, 'maximize' ],
    [ CKEDITOR.CTRL + 113 /*F2*/, 'preview' ],
    [ CKEDITOR.CTRL + CKEDITOR.SHIFT + 80 /*P*/, 'print' ],
    [ CKEDITOR.CTRL + 72 /*H*/, 'replace' ],
    [ CKEDITOR.ALT + 83 /*S*/, 'scaytcheck' ],
    [ CKEDITOR.ALT + 66 /*B*/, 'showblocks' ],
    // [ CKEDITOR.ALT + 90 /*Z*/, 'source' ],
    [ CKEDITOR.ALT + 121 /*F10*/, 'toolbarFocus' ],
    [ CKEDITOR.ALT + 122 /*F11*/, 'elementsPathFocus' ],
    [ CKEDITOR.SHIFT + 121 /*F10*/, 'contextMenu' ],
    [ CKEDITOR.CTRL + 90 /*Z*/, 'undo' ],
    [ CKEDITOR.CTRL + 89 /*Y*/, 'redo' ],
    [ CKEDITOR.CTRL + CKEDITOR.SHIFT + 90 /*Z*/, 'redo' ],
    [ CKEDITOR.CTRL + 76 /*L*/, 'link' ],
    [ CKEDITOR.CTRL + 66 /*B*/, 'bold' ],
    //[ CKEDITOR.CTRL + CKEDITOR.SHIFT + CKEDITOR.ALT + 68 /*D*/, 'code' ],
    [ CKEDITOR.CTRL + 73 /*I*/, 'italic' ],
    [ CKEDITOR.CTRL + 85 /*U*/, 'underline' ],
    [ CKEDITOR.ALT + 109 /*-*/, 'toolbarCollapse' ]
];

Answer 1

这是您无法仅通过编辑配置来获得的。继续使用以下代码（+fiddle）：

var codeStyle = new CKEDITOR.style( {
        element: 'code'
    } );
CKEDITOR.replace( 'editor', {
    on: {
        instanceReady: function() {
            // Register a new command that applies the style.
            this.addCommand( 'codeCommand', new CKEDITOR.styleCommand( codeStyle ) );            
            // Bind the command to CTRL+SHIFT+L.
            this.setKeystroke( CKEDITOR.CTRL + CKEDITOR.SHIFT + 76, 'codeCommand' );
        }
    }
} );

另请参阅以下文档：editor.addCommand、editor.setKeystroke和CKEDITOR.styleCommand。