将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