Javascript 侧边预览tinyMCE内容

我需要在同一页上显示实时预览。当用户格式化文本或更改其他输入值（text/select/checkbox等）时，我需要显示其他输入值的内容与side div中tinyMCE文本区域内的内容的混合

有谁能给我一个实施的方向吗

---

检查并单击侧面预览链接，查看tinyMCE需要的行为。

基本上我是通过使用tinyMCE提供的

change

和

keyup

事件来实现的

下面是配置的一个片段

tinyMCE.init({
      selector: "textarea.tinymce",
      toolbar: ["undo redo | bold italic | styleselect | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent","link image media | code"],
      plugins: "image imagetools link paste media code",
      setup: function(ed) { 
        ed.on('change', function(e) {  
          previewContent(ed.getContent()); 
        }); 

        ed.on('keyup', function(e) { 
          previewContent(ed.getContent()); 
        }); 
      }
});