How to automatic resize tinyMCE?

by

Nowadays, you should use the autoresize plugin that comes with tinyMCE. You will have to call tinyMCE like this (jQuery version):

$('.tinymce').tinymce({
  theme : 'advanced',
  plugins : 'autoresize',
  width: '100%',
  height: 400,
  autoresize_min_height: 400,
  autoresize_max_height: 800,
});

I made the experience, that it may be helpful to manually call the resizing in the init_instance_callback to provide the correct height on init. Add this parameter to the passed options, if you need this:

init_instance_callback: function (inst) { inst.execCommand('mceAutoResize'); }

More Related Contents:

  1. Creating a textarea with auto-resize
  2. How to wait for the ‘end’ of ‘resize’ event and only then perform an action?
  3. TinyMCE Paste As Plain Text
  4. How do I remove tinyMCE and then re-add it?
  5. Detect click event inside iframe
  6. make readonly/disable tinymce textarea
  7. Preventing Canvas Clear when Resizing Window
  8. iframe resizing with scrollheight in chrome/safari
  9. javascript runs twice [closed]
  10. Tally value in dynamically generated textbox
  11. How can I tell if a DOM element is visible in the current viewport?
  12. How to take screenshot of a div with JavaScript?
  13. Vue.js dynamic images not working
  14. Case insensitive XPath contains() possible?
  15. What is the correct syntax of ng-include?
  16. Streaming a video file to an html5 video player with Node.js so that the video controls continue to work?
  17. How to select multiple files with ?
  18. Getting HTML form values
  19. How to display image with JavaScript?
  20. How to close an open collapsed navbar when clicking outside of the navbar element in Bootstrap 3?
  21. How can I disable HREF if onclick is executed?
  22. HTML form with two submit buttons and two “target” attributes
  23. Reformat string containing date with Javascript
  24. Is it bad practice to use inline event handlers in HTML? [closed]
  25. jQuery animated number counter from zero to value
  26. How can I handle errors in loading an iframe?
  27. How to show hidden divs on mouseover?
  28. HTML5 input required, scroll to input with fixed navbar on submit
  29. refresh div with jquery
  30. Clear localStorage on tab/browser close but not on refresh

Leave a Comment