Добавьте ondblClick и щелкните событие в Codemirror

Question

Я хотел бы добавить событие onDblClick в codemirror 2. Я обнаружил, что onCursorActivity не доставляет событие, поэтому у меня нет способа отфильтровать события из этого метода.Как я могу реализовать событие onDbClick на Codemirror?

Заранее спасибо.

Answer 1

Вы можете вызвать on метод для объекта, возвращенного CodeMirror:

var cm = CodeMirror.fromTextArea(document.querySelector('textarea'));
cm.on('dblclick', function() {
   alert('You double click the editor');
});

Список всех доступных событий можно найти в документации .

Answer 2

Зарегистрировать обработчик для элемента, возвращаемого методом getWrapperElement (). Если вы не хотите не просто обнаружить двойной щелчок, но и предотвратить появление по умолчанию (выберите слово под курсором мыши) ... в этом случае я полагаю, что необходима некоторая модификация кода ядра.

Answer 3

http://jsfiddle.net/yusafkhaliq/NZF53/1/

Поскольку codemirror визуализируется в указанном элементе, вы можете добавить к нему событие ondblclick, как показано ниже, при выделении маркера без номеров строк после двойного щелчка на определенных элементах будут отображаться номера строк

var codeelems = document.getElementsByClassName("code");
for (i = 0; i < codeelems.length; i++) {
    (function ($this) {
        var value = $this.innerHTML;
        $this.innerHTML = "";            
        var editor = CodeMirror($this, {
            value: value,
            mode: "text/javascript",
            lineNumbers: false
        });
        $this.ondblclick = function () {
            editor.setOption("lineNumbers", true);
        }
    })(codeelems[i]);
}