1. use safari browser
2. Go to https://demos.telerik.com/kendo-ui/editor/index
3. copy a long text over 25 characters
4. paste the copied text in the editor
5. notice that the scroll takes you to the bottom of the page, The same is not noticed in any other browser.
6. This is very inconvenient.
Hi, our project consists from two almost independent parts. First uses most of kendo things and the second uses only editor with pretty basic tools.
Kendo Editor and it's plugins depend on most things of lib so custom build with only editor option almost has no sense. Would be nice to have ability to switch off plugins/tools from editor during building. Also would be nice to add custom build options to less.
Unable to resize a column inside a table inserted in Editor
This is a regression represented after Kendo UI 2019.2.619
Please check this video for more details
The columns inside a table should be resizable.
Copied text is pasted with some (editor's ?) styles.
1. Open the Demo page in the Edge browser:
https://demos.telerik.com/kendo-ui/editor/index
2. Copy some words (e.g. "Kendo UI Editor") from the editor's default text.
3. Paste them at the end of the text.
4. Open developer tools (F12).
5. On the Elements tab, select the pasted paragraph and check its style, you will see <span style="display: inline !important; etc.
The fontName tool shows an incorrect font name and gets focus after text selection.
* Open and run https://dojo.telerik.com/OHOHikin demo.
* Set the cursor to Line1, note an incorrect value in the fontName dropdown.
* Select/highlight Line4, choose Arial in the fontName dropdown and note an incorrect value in the dropdown.
* Put the cursor at the end of Line6, select Line4 and Line5 and Line6 using the mouse. Note that the keyboard focus has shifted to the fontName dropdown.
Dojo example.
The Editor adds an extra
element after the nested table:
<p> </p>
No empty paragraph is added on pasting content.
The Editor table wizard does not apply styling to all cells
The specified border is not applied. Selecting the February header instead and repeating the steps above applies the border styling
The styling applied through the wizard should be applied to the table cell
Dojo example.
The border color of all cells is changed. If you re-open the table wizard and follow the same steps only the selected cell border color is set (expected). This behavior is not reproducible with tables added through the createTable tool.
The border color of the selected cell is changed.
A tester of ours noticed a bug that completely breaks the editor until the page is refreshed.
Script error "Cannot read property 'nodeType' of null" in the console. None of the buttons work until the page is refreshed.
Attached is a video example tested with Dojo editor. Thanks!
Dojo example.
For more details see Ticket ID: 1478828
A js exception is thrown:
kendo.all.js:78925 Uncaught DOMException: Failed to execute 'setStart' on 'Range': There is no child at offset 3.
No exceptions.
Dojo example. Video available in ticket id: 1496525 (first post).
Two new lines are created instead of one.
One new line is created.
Reproducible with inline and classic Editor.
Dojo example.
Undo does not work the first time Ctrl + Z keys are pressed. It works, if you press them a second time.
If the keydown event handler is not attached, it works as expected.
Undo works on the first press of Ctrl + Z keys.
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.
It would be very useful to extend the functionality of the hyperlink feature of the editor to enable same page links.
Our clients used this extensively in our previous editor and are complaining now that we have switched to the Kendo editor that this functionality is not available through the interface.
Hi,
Bullets are not removed when content is deleted.
Observe that two bullet points remain
Is it possible to implement an Alphabetically ordered list (uppercase and lowercase) as a built-in tool in the Editor?
For example:
1) Alphabetically ordered list (uppercase):
A. Point A
B. Point B
2) Alphabetically ordered list (lowercase):
a. Point a
b. Point b
Hi Team,
I'd like to request the Kendo UI Editor to be able to resize when an image within it is resized larger than the space contained in the Editor body. Please allow this functionality for both the classic and inline editors.
Thank you!