[Asp.Net Core] - 设置 Syncfusion / RichTextEditor 移除超链接及高度自适应 的方法

背景

使用 Syncfusion / RichTextEditor 对录入后的信息进行展示：
1. 希望内容高度自适应。
2. 希望禁用原文中的超链接。

 

实现

<div class="form-group row">
    <div class="col-12">
        <label class="font-weight-bold">详细内容</label>
        <div>
            <ej-rte id="Extend" width="100%"allow-editing="false" show-toolbar="false" value="@Model.Extend"></ej-rte>
        </div>
    </div>
</div>

@section Scripts {
    <script>
        $(function () {
            /* Remove ALL Hyperlinks */
            $('#Extend_Iframe').contents().find('a').contents().unwrap();
            /* Refresh Iframe Heights */
            var iframeHeight = $('#Extend_Iframe').contents().height();
            $('#Extend_wrapper').height(iframeHeight + 24);
            $('#Extend_Iframe').height(iframeHeight + 12);
        });
    </script>
}

 

录入页面

 

浏览页面

 参考资料

https://help.syncfusion.com/aspnet-core/richtexteditor/working-with-content
http://api.jquery.com/unwrap/