How to make TinyMCE Responsive

Question

I am making a Responsive site using the foundation framework and TinyMCE breaks the format when the page is scaled down(it\'s not responsive). How do I make TinyMCE responsi

Answer 1

Here is something I use on a site to make the editor resize and the toolbars moves with the size of the page :

.mceEditor table {
max-width:none; /* Bug in computation of fullscreen */
}

.mceEditor table.mceLayout {
width:100% !important;
height:auto !important;
} 

table.mceToolbar { float:left; }
body .mceToolbar div {
white-space:normal;
}

Using small toolbar, they are properly layed out as the editor width changes. "theme_advanced_resizing" should be set to "false". Also, more work is needed to make it work with fullscreen.