4/25/2013

TinyMCE pop-up window too small: Auto-resizes and collapses to annoying dimensions

For users of TinyMCE's Javascript-based text editor, there is one particular annoyance that happens with pop-up windows. Examples of pop-up windows are:

  • HTML Source Editor dialog
  • Insert Edit Link
  • Anchor
One thing you can try to do is to edit your tiny.MCE.init () function.

You can add or activate this line to your configuration:
  • plugins : "inlinepopups",
This makes the pop-up menus appear as a layer on top of the editor. This can be a pain though, if you are trying to access the text underneath of the layer.

Another thing you may want to do is to edit the file in the tiny_mce root folder called "tiny_mce_popup.js".

Be careful when you do this, though....

Search for the part which reads:

  • a.editor.windowManager.resizeBy(a.getWindowArg("mce_width")-b.w,a.getWindowArg("mce_height")-b.h,a.id||window)},0)
Change the values to read:
  • a.editor.windowManager.resizeBy(400,400)},0)
Hope that helps somewhat. If you update your TinyMCE installation by overwriting the existing files, you will have to edit this code again.



7 comments :

  1. Thank you very much! It really helped!

    ReplyDelete
    Replies
    1. Great Article Cloud Computing Projects

      Networking Projects

      Final Year Projects for CSE

      JavaScript Training in Chennai

      JavaScript Training in Chennai

      The Angular Training covers a wide range of topics including Components, Angular Directives, Angular Services, Pipes, security fundamentals, Routing, and Angular programmability. The new Angular TRaining will lay the foundation you need to specialise in Single Page Application developer. Angular Training

      Delete
  2. I might want to thank you for the endeavors you have made in composing this article. I am trusting the same best work from you later on too.. windowmaintenance

    ReplyDelete
  3. Another rising pattern that is found in seal ideas is the utilization of three dimensional pictures. used car dealerships near me

    ReplyDelete
  4. Your logo should look extraordinary in high contrast. Truth be told, the ideal logo configuration is first made in highly contrasting and the hues are included later. logo design service

    ReplyDelete
  5. Thank you because you have been willing to share information with us. we will always appreciate all you have done here because I know you are very concerned with our. auto repair near me

    ReplyDelete
  6. This is an awesome post.Really very informative and creative contents.
    Logo design company in chennai

    ReplyDelete