### Bug report
When adding a <select> element as a custom tool in the Editor, the dropdown does not open.
### Reproduction of the problem
1) Run the Dojo sample and try to open the dropdown in the toolbar:
https://dojo.telerik.com/VVPUopDw
The same example work as expected with version 2023.1.117.
2) When using version 2024.4.1112, if you remove the "ref-toolbar-tool" attribute from the <div class='k-toolbar-item'> element, the dropdown opens as expected.
### Expected/desired behavior
The <select> element must function correctly when added as a custom tool in the toolbar.
### Workaround
Handle the "click" event of the select and prevent the event bubbling:
<script>
$(function () {
const selectElements = $('select[id^="symbolSelect_"]');
$(selectElements).each(function (index) {
this.addEventListener("click", clickHandlerSymbolSelect);
});
});
function clickHandlerSymbolSelect(e) {
e.stopPropagation(); //Prevent event bubbling, so Kendo cannot swallow or cancel the event.
const sendingElement = e.target;
sendingElement.showPicker();
return true;
}
</script>
### Environment
* **Kendo UI version: 2025.1.227
* **jQuery version: 3.7.1
* **Browser: [all]
The Thumbnail() option of the Editor's ImageBrowser configuration does not provide UrlHandler() option, which is available for the Image() option.
Referenced in this commit
The UrlHandler() function must be available to set the URL that serves the thumbnail using a JavaScript handler.
1682129
### Bug report
The File() option of the Editor's FileBrowser configuration does not provide UrlHandler() option, which is available for the ImageBrowser.
### Reproduction of the problem
1) Define an Editor and enable the FileBrowser feature:
@(Html.Kendo().Editor()
.Name("Description")
.Tools(tools => tools
.Clear()
.InsertFile()
)
.FileBrowser(fileBrowser => fileBrowser
.File("GetFile", "FileBrowser", new { path = "{0}" })
.Read("Read", "FileBrowser")
.Create("Create", "FileBrowser")
.Destroy("Destroy", "FileBrowser")
.Upload("Upload", "FileBrowser")
)
)
2) The File() option sets URL responsible for serving the original file. Try to set it by using a JavaScript handler.
3) The File(x => x.UrlHandler("setURLHandler")) configuration is not available.
### Expected/desired behavior
The UrlHandler() function must be available to set the URL that serves the file using a JavaScript handler.
### Environment
* **Telerik UI for ASP.NET Core version: 2025.1.211
* **Browser: [all]
Open this dojo example: https://dojo.telerik.com/BzNkZgSf
The input tooltip shows:
k-editor-link-url
because the input's title attribute is set like this: title="k-editor-link-url"
Instead of the name of a class, the tooltip should show "Web address", "Text", or "ToolTip" respectively.
CustomTool does not expose an Icon() API configuration in the Editor
Currently, defining a custom tool does not enable you to specify an icon which tends to be permitted in the Kendo UI for jQuery Editor incarnation. For example:
$("#editor").kendoEditor({
tools: [
{
name: "Toggle",
icon: "toggle-full-screen-mode"
}
]
});
The following dojo showcases this behavior.
It would be beneficial if there is a possibility to explicitly define an icon in the MVC and Core wrappers. For instance:
@(Html.Kendo().Editor()
.Name("editor")
.Tools(tools => tools
.Clear()
.CustomButton(button => button
.Name("ToggleFullScreen")
.Icon("toggle-full-screen-mode")
)
)
)
### Bug report
When adding a custom tool with a template in the Editor, the hash-template syntax is treated as a string.
### Reproduction of the problem
A Dojo sample for reproduction: https://dojo.telerik.com/iwikOpul
### Expected/desired behavior
The hash literals should be parsed correctly to display the respective data.
### Environment
* **Kendo UI version: 2023.1.314
* **Browser: [all]
The ExportAs command's dropdown options are not populated when the client-side exportAs
configuration of the Editor is additionally configured.
Regression introduced with 2023.1.314
The ExportAs command's dropdown is blank.
The ExportAs command's dropdown data should not be blank.
We are trying to prevent users from dropping an image file from their computer directly onto the Editor with Firefox. When this happens the browser converts the image into a uri encoded version of the image. When we define a custom PasteCleanup function to handle this, the Editor will sometimes work as expected but other times it will throw an error when trying to execute the function. This seems to be random after each page load.
Please note that the reproduction of the error is inconsistent. However the CustomPasteCleanUp doesn't prevent the addition of the image, nor does the prevention of the Drop event.
Screen capture of reproduction in ASP .NET Core.
Screen capture of reproduction in Dojo.
More information about issue and reproduction available in ticket: 1534730
An image file that is dragged and drop by the user to the Editor is always added to the widget.
The current behavior should be preventable and an error must not occur.
Currently, the ExportAs configuration exposes Proxy method to setup the proxyUrl field, but it is limited to enter only action and controller. Whereas in RazorPages a URL with handler should be defined instead.
Plus, in order for the AntiForgeryToken to work properly it should be injected in the form submitted by the tool.
When the Editor is configured by using tagHelpers and the configuration of the tools is on multiple lines additional new lines are added to the Editor content due to the tags used for the tool's configuration.
<button onclick="getValue()">get Value</button>
Test-1:<br /><br /><br /><br />
<kendo-editor name="test1" tag="div" >
<tools>
<tool name="viewHtml" />
</tools>
</kendo-editor>
<script>
function getValue() {
var editor1 = $("#test1").data("kendoEditor");
console.log(editor1.value())
};
</script>
The value of the editor has additional new lines. The additional lines could be observed also in the 'viewhtml' tool. (screencast)
There should be no additional new lines added to the Editor's content.
Configure the Editor on a single line
<kendo-editor name="test1" tag="div"><tools><tool name="viewHtml" /></tools></kendo-editor>
Reproducible in the demos.
Resize handles duplication
No duplication of the resize handles
When the user creates a folder and tries to add a file to the Editor an error occurs that the file is not found. This behavior is observed only if the application is Core 3.1.
Currently, in the console, an error 404 occurs that the resource is not found.
The image should be added to the Editor without errors.