Search code examples
cssangularbootstrap-4bootstrap-5

Bootstrap - size panel with wysiwyg editor

I have a wysiwyg editor inside a panel. I need to change the height of this editor, to say 200px.

How can I accomplish this?

<div class="row">
    <div class="col-xs-12 col-md-12 col-lg-8">
        <panel heading="Product Description" panel-class="panel-inverse">
             <wysiwyg-edit id="wysiwygProductDescription" content="vm.productDescription" config="vm.productConfig"></wysiwyg-edit>
        </panel>
    </div>
 </div>

I tried setting the height of the column with inline style, but the wysiwyg editor just doesn't "fit" inside:

<div class="col-xs-12 col-md-12 col-lg-8" style="height: 200px;">

I also tried using -h and mh at the column or row level, but it didn't work.

This is the wysiwyg editor I'm using: https://github.com/psergus/ngWYSIWYG

Solution 
  • wysiwyg-edit .tinyeditor .sizer { 
   min-height: unset; 
   height: 200px; 
}