Tinymce при нажатии клавиш Я пытаюсь отобразить предварительный просмотр содержимого

Question

Я пытаюсь использовать приведенный ниже код

 $('textarea.tinymce').keypress(function(){
      dealDescription = $('textarea.tinymce').tinymce().execCommand('mcePreview');
      $("#deal_preview div").text(dealDescription);
 });

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

Теперь мне нужно показывать предварительный просмотр контента в окне предварительного просмотра для каждого нажатия клавиши.

Answer 1

Я использую это в tinymce 4.x

tinymce.init({
    selector: "#tinymce-textarea",
    setup : function(ed) {
        ed.on("change", function(e){
            $('#tinymce-livepreview').html(tinymce.activeEditor.getContent());
        });
        ed.on("keyup", function(){
            $('#tinymce-livepreview').html(tinymce.activeEditor.getContent());
        });
   }
});

Объяснение:

on («change») для обнаружения изменений в событии мыши, если вы нажметезначок панели инструментов или выбор из меню.Он также может обнаруживать событие клавиатуры, но только после потери фокуса (не в режиме реального времени).

on («keyup») для обнаружения изменений в событии клавиатуры в реальном времени

Answer 2

Можно сделать и после инициализации, получив активный редактор:

tinyMCE.activeEditor.on('keyup', function () {
    // your nicely formatted code here
});

Существует также массив editors, который вы можете перебирать, если вам это нужно.

Answer 3

Я пытаюсь с приведенным ниже кодом работает нормально

tinyMCE.init({

    mode : "exact",
    elements : "text",

    setup : function (theEditor) {
        theEditor.onKeyPress.add(
            function (theEditor) {
                previewContent(theEditor);
            }
        );
    },
});

function previewContent(editorObject){
     var content = editorObject.getContent();
     document.getElementById("previewContent").innerHTML = content;
}