CODEWITHSUNDEEP
tinymce
Alex
Alex

Reputation: 59

TinyMCE 5 Manual Resize

I'm using TinyMCE v5 and I'm unable to manually resize the editor by dragging the right-corner.

here is my setup:

<script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.0.2/tinymce.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.0.2/jquery.tinymce.min.js"></script>


tinymce.init({ 
    selector:'#client_report',
    resize: true,
    theme_advanced_resizing: true

});


<div class="well"  >
<h3>Client's Report</h3>
    <textarea    id="client_report" placeholder="Enter here the latest client's report"   >
    </textarea >
</div>

I tried with and without theme_advanced_resizing, but same result. Any idea on how to fix this? Thank you.

Upvotes: 1

Views: 2377

Answers (2)

Julio Marchi
Julio Marchi

Reputation: 818

Do you have the autoresize option listed in the plugins items? It should have no impact but you may try removing it to see if it helps...

Another thing that may be impairing your editor resizing capability may be in the class well you used in the <div> that embeds the <textarea>. It if has any CSS position defined or display option set as flex, it may disrupt some of the editor's visual functionalities (especially the ones related to sizing and positioning).

Also, here some small suggestions for your TinyMCE Init settings:

tinymce.init({ 
     selector    :'#client_report',
     resize      : true,   // Good, it is set right :)
     // theme_advanced_resizing: true  // Not needed, as it is theme specific

     // ** Other interesting options (use as needed) **
     branding    : false,  // Remove the "Powered by Tiny"
     elementpath : false,  // Stop showing the selected element TAG 
     statusbar   : true    // Set the statusbar as visible (yes, you can hide it)
});

You can check my answer about TinyMCE 5 related to resizing, it may bring you some additional ideas and options: How to automatic resize tinyMCE?

Upvotes: 1

Spyder
Spyder

Reputation: 1902

theme_advanced_resizing isn't an option in v5.

Other than that, it seems to work fine in a simple example: http://fiddle.tinymce.com/JDgaab

Resize is true by default, so you should only need to set it if you want both.

Upvotes: 0

Related Questions