按键上的Tinymce我试着显示内容的预览

Question

我正在尝试下面的代码

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

但是我没有使用jquery tinymce编辑器假设我使用jquery tinymce和其他jquery UI组件无法正常工作，所以我直接使用了tinymce组件。

现在我需要在每个按键的预览框中显示内容预览。

Answer 1

我尝试用下面的代码工作正常

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;
}

Answer 2

在初始化之后也可以通过获取活动编辑器来完成：

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

如果需要，还可以迭代一个editors数组。