I have encountered an issue with TinyMce involving tables. When a user inserts a table that is larger than the main body layout, it causes the layout to become misaligned.
Therefore, I am seeking the best solution to restrict users from inserting a table wider than 400px.
One approach I am considering is creating a custom max-width parameter in the tinyMCE.init function and then comparing this parameter with the table width in the table.js file using the form object variable.
I have successfully implemented the part where users receive a popup alert if they exceed the allowed maximum width when creating a table in their property box. However, the challenge lies in finding a way to trigger a function that checks the table width versus the max-width when a user attempts to resize the table.
My current idea involves triggering the function using an onmouseup event on the text field itself or nesting a function within another function to check the width. I am unsure of where exactly this should be inserted. I would appreciate any suggestions or guidance on how to approach this issue.