RTE in modal window

[Marko]

Hi,

I want to have EJS2 RTE in a bootstrap modal window, but there comes to problem in iframe hight, 1st line of content and toolbar items:

I found a soluton, that if I have *ngIf="modalIsOpen" and I only set its value to true after modal has been opened, that solvse the problem.

But I wonder if there is any better way?

My code is avalible bellow.

Regards,

Marko

Attachment: fusion_8d425b7b.rar

[Karthikeyan Viswanathan]

Hi Marko,     

    

Thanks for contacting Syncfusion support.   

   

Query 1:  Issue with Toolbar items.   

  

We were able to reproduce your reported issue. So, we confirmed that the issue with “DropDownButton popup not shown “is a defect and logged a defect report.   

The fix for this issue is estimated to be available on upcoming patch release which will be rolled out by the end of this week.    

   

Query 2: Issue with Iframe height.   

You can also refresh the toolbar and content of RTE by using toolbarModule.refreshToolbarOverflow() and setContentHeight() methods.     

 Please refer to the below code example:    

    

<code>    

<script type="text/javascript">       

   

$("#myModal").on('shown.bs.modal', function () {   

  defaultRTE.toolbarModule.refreshToolbarOverflow(); // To refresh RTE’s toolbar     

  defaultRTE.setContentHeight(); // To refresh RTE’s content       

   

$("#visCont").css("visibility", "visible");   

});   

   

       

</script>     

    

    

</code>    

    

By using RTE control instance, you can access in both methods also you can call those methods in any of actions.    

 Sample link: https://stackblitz.com/edit/ej2rte-bootstrap-modal    

  

Regards,    

Karthikeyan V.