событие ckeditor onKeyUp как?

Если вы хотите синхронизировать WYSIWYG-контент с текстовой областью, просто укажите событие on change в качестве опции для обновления базового элемента.

CKEDITOR.replace('editor', {
    on: {
          change: function() {
              this.updateElement();    
          }
    }
});

Вот моя демонстрация синхронизации CKEditor-to-textarea и наоборот: https://jsfiddle.net/ty5ks393/1/. Введите одно из трех белых полей и посмотрите, как содержимое реплицируется во всех четырех контейнерах.

Он использует Bootstrap для поддержания порядка и показывает как классический, так и встроенный CKEditors. Соответствующие части (без внешних ресурсов, комментариев и console.logs) извлекаются здесь:

    <div class="row">
        <div class="col-sm-3">
            <h2>TEXTAREA</h2>
            <textarea id="textarea" class="box"></textarea>
        </div>
        <div class="col-sm-3">
            <h2>CK EDITOR INLINE</h2>
            <div contenteditable="true" id="contentedit" class="box"></div>
        </div>
        <div class="col-sm-3">
            <h2>CK EDITOR</h2>
            <textarea id="ckeditor" class="box"></textarea>
        </div>
        <div class="col-sm-3">
            <h2>RESULT DIV</h2>
            <div id="result" class="box"></div>
        </div>  
    </div>

И jQuery:

    $(function() {
        CKEDITOR.disableAutoInline = true;
        var ce = CKEDITOR.inline("contentedit", {
            removePlugins: 'toolbar'
        });
        var ck = CKEDITOR.replace('ckeditor').on('change', function(e) {
            if (document.activeElement.nodeName == "IFRAME") {
                var thisHTML = e.editor.getData();
                var tempDiv = $('<div>').html(thisHTML);
                thisText = tempDiv.text();
                $('#textarea').val(thisText);
                $('#contentedit, #result').html(thisHTML);  
            }
        });

        var timer;

        $('#textarea').keyup(function() {
            var _this = this;
            clearTimeout(timer);
            timer = setTimeout(function() {
                var thisText =$(_this).val().replace(/\n/g, "<br/>");
                $('#result, #contentedit').html(thisText);
                CKEDITOR.instances.ckeditor.setData(thisText);
            }, 200);
        });

        $('#contentedit').keyup(function(e) {
            var _this = this;
            clearTimeout(timer);
            timer = setTimeout(function() {
                var thisHTML = $(_this).html();
                var tempDiv = $('<div>').html(thisHTML.replace(/\<\/p\>/g,"</p>\n\n"));
                thisText = tempDiv.text();
                $('#textarea').val(thisText);
                $('#result').html(thisHTML);
                CKEDITOR.instances.ckeditor.setData(thisHTML);
            }, 200);
        });
    });

Поэтому я использую тайм-аут, чтобы избежать узких мест, возникающих при использовании keyup при использовании setData(). И я определяю, нахожусь ли я в IFRAME, чтобы убедиться, что я не отбрасываю изменения содержимого обратно из CKEditor, когда я изменил содержимое из одного из других контейнеров с помощью setData().

Я надеюсь, что это поможет некоторым из вас.

После поиска я нашел статью (ckeditor-keyup-event) о том, что API CKEditor не поддерживает событие keyup. Поддерживается только метод key, который прослушивает событие нажатия клавиши.

Автор статьи использует editor.document.on('keyup') в обратном вызове editor.setData(), который доступен только после инициализации.

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

CKEDITOR.replace( 'text' ,
{   
    allowedContent: true,
    enterMode: CKEDITOR.ENTER_BR,
}).on('key',
    function(e){
        setTimeout(function(){
            document.getElementById('text_hidden').value = e.editor.getData();
        },10);
    }
);

Без функции setTimeout() getData() не будет захватывать последнее нажатие клавиши.