Access and remove elements from Editor's insert link popup

Environment

Product

Telerik UI for ASP.NET Core Editor

Description

How to access and remove Tooltip label and input from Editor's insert link popup?

Solution

You have two options to achieve this requirement:

1. Using CSS:

CSS

<style>
    .k-editor-window #k-editor-link-title-form-label,
    .k-editor-window div[data-container-for="k-editor-link-title"] {
        display: none;
    }
</style>

2. Using javascript:

HTML

@(Html.Kendo().Editor()
          .Name("editor")
          .Events(ev => ev.Execute("onExecute"))
          .Value(@<text>
               Transform this text to a link
        </text>)
    )
<script>
    function onExecute(e) {
        setTimeout(function () {
            $("#k-editor-link-title-form-label").hide();
            $('div[data-container-for="k-editor-link-title"]').hide();
        });
    }
</script>