When the Editor is rendered in a long page with a scroller and the user paste a content replacing the entire content, the entire page scrolls, not only the Editor content.
The entire page scrolls and in some cases the Editor is not visible.
screencast - https://go.screenpal.com/watch/cOQTlxnxqVk
Pasting in the Editor should not affect the page scroller.
When trying to navigate the toolbar of the editor with a keyboard, the focus is stuck/not working for color pickers.
When using Tab(or RightArrow) from the left the focus is stuck on the first colorpicker.
When using Shift+Tab(or LeftArrow) from the right the focus is stuck on the last tool before the colorpicker.
See DOJO: https://dojo.telerik.com/aKOKOwiP
Please check dojo https://dojo.telerik.com/UMiREWiL
There is one kendo editor on the main page which is editable and when you click on the link below "Edit the content in pop-up", pop-up opens but doesn't show the content and also text editor is not editable.
Thank you,
Gopi
Hi Team,
We recently ran security scan on our web application which using "https://kendo.cdn.telerik.com/2020.2.513" Version.
and we encountered one scenario where Cross Site script executed even though we implemented encode and decode.
Scenari: User opens editor -> Clicks Insert Link Option.
We filled URL, Text inputs and for Tooltip fields we input Cross Site Script i.e (">">">"><script>alert(document.cookie);</script>)
and we clicked INSERT.
Basically the Tooltip field will break the anchor tag title parameter and script will execute.
Though we have implemented HTML encode and Decode we still experiencing this alert popup with cookie data while encode and Save and also Decode and Show.
OR
Please let us know.
How to restrict user to input only Alphanumeric Values into the fields "Text", and "ToolTip" when user clicks "Insert Link" option on Kendo tool Editor (CK Editor).
Currently, when Chrome Translate is activated and the user presses 'Enter' key in the Editor, the text is translated.
Also, when Translate is enabled and the user types fast, some characters disappear, as Chrome rewrites the inner text of elements. I know that this can be controlled by adding a translate attribute.
However, I would like to have the option to control this by the built-in Editor configuration options (for example, translate: false).
If you toggle the formatting marks in an Inline Editor, the marks are toggled for every Editor on the page. Additionally, if the content is scrollable, the marks remain stationary when you scroll through the content.
The formatting marks are toggled for each Editor on the page, and the arrow formatting mark remains stationary if you scroll through the content.
The formatting marks should be toggled for the target Editor only, and the formatting mark shouldn't scroll.
Then you open the color/background color tools in an Inline Editor, closing the tools by clicking randomly on the page doesn't close the Editor popup.
The inline Editor remains open when closing the color/background tool popups
The inline Editor should close when the popups and the Editor lose focus
The Editor doesn't allow multiple separators through the tools configuration.
Only the first separator is rendered.
All the separators should be rendered
Hello,
I have an issue when I use the drag and drop of a picture in the kendo Editor inline.
Let me explain it :
1) Go to : https://runner.telerik.io/fullscreen/uWosAbib (It's the standard example on your site) on chrome 123
2) Select the last editor "Rich UI Widgets for..."
3) Take a file of a picture on your computer and drop it on the first editor "Comprehensive HTML5/..."
Two things :
* The file open on a new tab browser instead of to be added to the html of the first editor
* There is a message in the debug tools (The stack trace is added in the Attach Files)
Uncaught TypeError: Cannot read properties of null (reading 'nodeType')
at init.index (kendo.all.js:135127:1)
Another element, if you don't select and just drag and drop it's work.
Thank you for your awesome framework and good luck with the correction !
Bug report
When using an Editor in Inline mode and dragging an image a JavaScript error is thrown: Uncaught TypeError: Cannot read properties of null (reading 'nodeType')
Reproduction of the problem
Open the Dojo - https://dojo.telerik.com/eBsLBgvN
1. Insert an image and some text into the editor.
2. Select both the image and text together.
3. Start dragging by clicking on the text area
Exception occurs
index-esm.js:17572 Uncaught TypeError: Cannot read properties of null (reading '_destroyResizeHandles')
Environment
Kendo UI version: 2026.1.325
Browser: [all ]
If the ColorPicker tools in the Editor are configured to render a gradient, you cannot type in the HEX/RGB inputs.
The inputs are not selectable and you cannot type in them.
The inputs should be selectable so that you can type in them.
Currently, the highlighted (selected) text dissapers.
The selected text should not dissapear and the content of the Editor should remain unchanged.
Workaround
kendo.ui.editor.Clipboard.fn.onpaste = function(){
if (this.editor.body.contentEditable === "false" || this.editor.body.contentEditable === "inherit" ) {
return;
}
}
If the user begins typing a word into the editor, the first character is automatically wrapped in a <p> tag.
The behavior between the browsers should be consistent. There should be no additional <p> tag.
Workaround: https://dojo.telerik.com/usTyJAmt/3
When text is hihlighet in Rwad-Only Editor and the user tries to paste a text, the highlighted text dissapears.
Currently, the highlighted text dissapers
The highlighted text should not dissapear and the content of the Editor should remain unchanged.
kendo.ui.editor.Clipboard.fn.onpaste = function(){
if (this.editor.body.contentEditable === "false" || this.editor.body.contentEditable === "inherit" ) {
return;
}
}
Hi Team,
I would like to request a way to utilize formattingMarks for the Kendo UI Inline Editor without having to set inlineHeight. The way we use the editor requires its height to grow dynamically as the user types text. We usually have around five editors displayed on the screen at the same time, so it is important for us that formattingMarks works correctly across multiple editors on a single page.
Thank you!
Hi Team,
I would like to request to add Operational Transformation or a way to update text within the editor while maintaining the current cursor position.
Thank you!
Hi Team,
I would like to request adding visual page breaks with header/footer features. Comparatively, SyncFusion has this included and it would be great to have Telerik add these features.
Thank you!
Color style is not preserved for the font tag in the Editor
The color style is not preserved
The color style should be preserved.
If you select a text in the Editor, the ForeColor value is not updated to match the color of the selected text.
The value of the ForeColor tool is not updated to match the second line
The ForeColor value should change based on the selected text
When uploading a file through the Editor's FileBrowser, the file's name is not updated with the name coming generated on the server. The file's name is updated in the ImageBrowser using the same server code.
Editor configuration:
$("#editor").kendoEditor({
fileBrowser: {
schema: {
model: {
id: "name",
fields: {
name: { field: "name" },
type: { field: "type" },
size: { field: "size" }
}
}
},
transport: {
read: "@Url.HttpRouteUrl("ActionApi", new {controller = "MessageTemplates", action = "Read"})",
destroy: "",
create: "",
uploadUrl: "@Url.HttpRouteUrl("ActionApi", new {action = "UploadMp3", controller = "MessageTemplates" })",
fileUrl: function (name) {
var url = "/files/" + name + "/";
return url;
}
},
fileTypes: "*.mp3, *.pdf"
},
tools: ['insertImage', 'insertFile']
});
Controller:
[HttpPost]
[ActionName("Read")]
public object Read()
{
try
{
string path = HttpContext.Current.Request.Params["path"];
var fullPath = System.Web.Hosting.HostingEnvironment.MapPath(@"~/Files/" + path);
DirectoryInfo dir = new DirectoryInfo(fullPath);
var result = dir.GetFiles("*.*").Select(f => new
{
name = f.Name,
type = "f",
size = (long)0,
}).ToList();
return result;
}
catch (Exception e)
{
return null;
//throw new HttpException(404, "File Not Found");
}
}
[HttpPost]
[ActionName("UploadMp3")]
public HttpResponseMessage UploadMp3()
{
var file = HttpContext.Current.Request.Files[0];
try
{
return Request.CreateResponse(HttpStatusCode.Created, new
{
size = file.ContentLength,
name = Guid.NewGuid().ToString(),
type = "f"
});
}
catch (Exception e)
{
return new HttpResponseMessage(HttpStatusCode.BadRequest);
}
}
The file name is not updated whereas it is being updated in the ImageBrowser.
The file name should be updated as in the ImageBrowser.