側邊預覽tinyMCE的內容

Question

我需要在同一頁面上顯示實時預覽。當用戶格式化文本或更改其他輸入值（文本/選擇/複選框等）時，我需要將其他輸入值的內容與邊div中的tinyMCE文本區域內的內容混合顯示。

有人會指示我實施嗎？

檢查https://app.classeur.io/#!/files/zvbiZEbizyUHb2aUS9xP並點擊側面預覽鏈接查看我需要的tinyMCE行爲。

Answer 1

基本上我實現爲通過使用由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()); 
     }); 
     } 
});