Question

我正在尝试将Ckeditor 4工具栏按钮保持在最低限度，但想要找出用户最常使用的按钮。因此，我正在尝试将Google Analytics分析添加到工具栏按钮点击。

关闭JS事件以记录分析是没有问题的。但是，我很难搞清楚如何捕获工具栏项的click事件。我可以绑定一个事件回调吗？谢谢。

理想情况下，这不必使用jquery ckeditor连接器，因为我已经设法不使用它。虽然，可以使用Jquery本身。

Answer 1

我想我明白了。似乎没有办法在 CKEDITOR 类级别执行此操作，但可以在单个编辑器级别完成。

在我的 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

将Google Analytics添加到CKeditor工具栏按钮

1 个答案: