javascript - Tinymce on keypress 我尝试显示内容的预览

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 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") 用于检测实时键盘事件的变化