Estoy usando el editor TinyMCE 5.

Ahora estoy tratando de encontrar una solución para que el editor envuelva automáticamente una tabla con un determinado "contenedor div".

Lo intenté así:

 tinyMCE.init({ selector: '#myTextarea', plugins: 'table code autolink link lists charmap print preview textcolor code', toolbar: 'table code link | undo redo | insert | code', menubar: false, min_height: 300, setup: function (ed) { ed.on("keyup", function () { var contentmain = tinymce.activeEditor.getContent(); $('#preview').html(contentmain); }); ed.on("keyup", function () { $('.tabledefaultg').wrap('<div class="scroll-bar"></div>'); }); } });

El problema es que <div class="scroll-bar"> no se agrega dentro del código fuente de los editores. Simplemente se agrega dentro del contenedor de "vista previa".

¿Como puedo solucionar este problema?

Este es el JSFiddle .