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;
}
}
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 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.
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 ]
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!
The Editor doesn't allow multiple separators through the tools configuration.
Only the first separator is rendered.
All the separators should be rendered
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.
### Bug report
A non-breaking space is added at the beginning of each new row when typing in the Editor. As a result, the method "getRange" returns a wrong "startOffset" index.
### Reproduction of the problem
1. Subscribe to the "select" event of the Editor;
2. Log the property "startOffset" of the "getRange" method in the browser console;
3. Click on any line in the empty Editor and check the logged index. It is "1" instead of "0".
4. Type in any text in the Editor and click at the beginning of the text - the logged index is "1" instead of "0".
A Dojo sample for reproduction: https://dojo.telerik.com/UqUNoBaM/8
### Expected/desired behavior
The non-breaking space should be removed when typing.
### Environment
* **Kendo UI version:** 2021.2.616
* **jQuery version:** 1.12.4
* **Browser:** [all]
Using contenteditbale=false to disable the Editor image and table resizing still works.
Dojo to reproduce the problem:
https://dojo.telerik.com/acIhiqiN
Actual behavior:
Steps:
1. Disable using the button
2. Try to resize the image - it can be resized
3. Try to resize the table- it can be resized
Expected:
Images and tables not to be resized
When an image is placed inside an <a> tag resizing the image does not work as expected
The image can not be resized back to the original size (screencast). Its width can not be changed.
In case the image is set to float on the right after resizing its width becomes about 10px and is almost hidden - Dojo
It should be possible to resize the image by increasing/decreasing the size and keeping the width/height ratio.
When the content pasted in the Editor contains the 'MsoNormal' class the new lines are not preserved.
The text after the 'MsoNormal' class is pasted on a single line.
The new lines should be preserved.
Hi,
Bullets are not removed when content is deleted.
Observe that two bullet points remain
Hi,
We are facing an issue as follows.
1. We type some ordered or unordered list and we move cursor one left or right.
2. We do select all and backspace to delete entire list.
Issue: First index or bullet never gets deleted does not matter how many times backspace is clicked. On inspecting dom we can see list structure is retained and does not get deleted.
Please find attached video.
Thanks
When there are bookmarks in a Word file and the text from the Word is pasted in Editor the indention of the text and space of the alignment is changed.
The indention of the list is changed.
The pasted list should look like in the Word document