將Google Analytics添加到CKeditor工具欄按鈕

Question

我試圖將我的Ckeditor 4工具欄按鈕保持在最低限度，但想要弄清楚用戶最常用的按鈕。因此，我試圖將Google分析添加到工具欄按鈕點擊。

燒掉一個JS事件來記錄分析是沒有問題的。但是，我很難搞清楚如何捕捉工具欄項目的點擊事件。是否有可以綁定的事件回調？謝謝。

理想情況下，這不必使用jquery ckeditor連接器，因爲我設法還沒有使用它。雖然，使用Jquery本身也可以。

Answer 1

我想我想通了。似乎沒有辦法在類級別上執行此操作，但可以在單個編輯器級別完成此操作。

裏面我instanceReady處理的，我可以添加afterCommandExec事件處理程序。

CKEDITOR.on('instanceReady', function (e) { 

    var textarea_id, editor; 

    textarea_id = e.editor.name; 
    editor = CKEDITOR.instances[textarea_id]; 

    // Attach handler for events 
    editor.on('afterCommandExec', function (evt) { 
     // Record Analytic of toolbar bar & keypress events 

     // See http://docs.ckeditor.com/#!/api/CKEDITOR.command-property-state for vals 
     var cmd_name, cmd_prev_state, cmd_new_state; 

     cmd_name = evt.data.name; 
     cmd_prev_state = evt.data.command.state; 
     cmd_new_state = evt.data.command.previousState; 
     console.log([cmd_name, cmd_prev_state, cmd_new_state]); 

     // Call analytics event next ... 
    }); 
}) 

參考文獻：

• 全球CKEDITOR級別的事件回調：http://docs.ckeditor.com/#!/api/CKEDITOR-event-instanceReady

• 爲編輯器實例級別的事件回調：http://docs.ckeditor.com/#!/api/CKEDITOR.editor-event-afterCommandExec