$ (this) .keyup () не отвечает, когда фокусируется на tinyMCE

Question

Я пытаюсь запустить функцию, когда происходит событие "keyup". Это прекрасно работает, когда я тестирую его в обычных текстовых областях и полях ввода, однако, когда я использую один и тот же код в редакторе tinyMCE, ничего не происходит. Я подозреваю, что это связано с тем, что tinyMCE работает на Java и уже имеет прослушиватели событий, однако мои знания java находятся далеко от того, чтобы быть достаточно подходящим для решения этой проблемы!

Это мой код, который обрабатывает все входы на странице, кроме редактора tinyMCE:

<script type="text/javascript">
$(document).ready(function() {

    $(this).keyup(function(){

        // get the contents of the editor...
        var content = tinyMCE.get('demo_textarea');
        content = escape(content.getContent());
        content = content.replace("+", "%2B");
        content = content.replace("/", "%2F");

        // copy the contents of the editor into #box_2
        $('#box_2').html(content);

    });

}
</script>

На самом деле я пытаюсь добиться чего-то похожего на редактор переполнения стека, где ваш ввод отражается в другом окне.

Спасибо за чтение и заранее спасибо за любую помощь, которую я могу получить.

С уважением, Том

Answer 1

Проверьте раздел Конфигурация / Настройка , вы можете легко добавлять события в редактор ...

tinyMCE.init({
    mode : ...,
    ...,
    setup : function (ed) {
        ed.onKeyPress.add(
            function (ed, evt) {
                alert("Editor-ID: "+ed.id+"\nEvent: "+evt);
                //....
            }
        );
    },
    ...
});

Answer 2

Вы можете увидеть здесь пример того, как настроить обработчик событий для редактора tinyMCE, и вы можете изучить другие примеры, которые, вероятно, будут полезны для вас. Все, что вам нужно, это напрямую связать событие onkeyup редактора.