Please find the page below.
---
I would like to have a RTE with IFrame that implements a max-height. In the page below, I have created 4 RTE-boxes with a max-height.
Iframe,
Iframe+resizable, Regular and Regular+resizable.
Unfortunately, none of the work as expected, as they all keep growing over the expensed max-height. The only one that works as expected is
Regular+resizable, but only after changing the size manually.
Please advise how I can achieve a max-height.
---
@page "/SyncfusionTest"
@using Syncfusion.Blazor.RichTextEditor
<div class="row">
<div class="col-6">
<SfRichTextEditor EnableResize="true">
<RichTextEditorIFrameSettings Enable="true" />
<p>The Rich Text Editor component is WYSIWYG ('what you see is what you get') editor that provides the best user experience to create and update the content. Users can format their content using standard toolbar commands.</p>
</SfRichTextEditor>
</div>
<div class="col-6">
<SfRichTextEditor EnableResize="true">
<p>The Rich Text Editor component is WYSIWYG ('what you see is what you get') editor that provides the best user experience to create and update the content. Users can format their content using standard toolbar commands.</p>
</SfRichTextEditor>
</div>
</div>
<hr />
<div class="row">
<div class="col-6">
<SfRichTextEditor>
<RichTextEditorIFrameSettings Enable="true" />
<p>The Rich Text Editor component is WYSIWYG ('what you see is what you get') editor that provides the best user experience to create and update the content. Users can format their content using standard toolbar commands.</p>
</SfRichTextEditor>
</div>
<div class="col-6">
<SfRichTextEditor>
<p>The Rich Text Editor component is WYSIWYG ('what you see is what you get') editor that provides the best user experience to create and update the content. Users can format their content using standard toolbar commands.</p>
</SfRichTextEditor>
</div>
</div>
<style>
.e-richtexteditor {
max-height: 150px;
}
</style>