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.
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.
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.
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.
IT would be nice for the Kendo Editor "Snippet" feature to read its list for a datasource. and also provide events to system when the Snippet selection is changed.
What's a Widget?
Witget is simple a not editable div that can contains some html and that we can put into the editor, look this sample:
https://dojo.telerik.com/@MarcellusZebra/egEyAXoB
The sample is pretty ready to use but something is missing.
- User must be able to resize the widget in a better way
- User must be able to drag widget around in the editor
Widgets Support allow to move kendo editor to a new level where user can use it creating amazing reports, I hope you can accept this request.
marc.
Editor using editable Div container is really better, for various reasons, that editor using iframe.
Inline Editor can be the solution, but I want also a nice standard editor as the standard mode.
A simple and good solution can be add a new parameter as "toolbarContainer" that is a dom element where editor put the toolbar.
If noset in standard mode, editor apply standard strategy and put it in a div on top of iframe.
If noset in inline mode, editor apply standard strategy and put it in a flying popup.
if set, toolbar editor put toolbar in the selected area.
Thanks,
marc.
The div-based (inline) editor changes the size of the editor container as the text in the editor changes - it both increases and decreases in height as the user changes content.
We'd like to have the same capabilities in the iframe-based editor so that the DOM around it can flow according to the current content size.
When an existing table is wrapped in a <div>
and there is a </br>
tag in the content, then when a table is inserted through the insertTable tool, the rows from the previous table dissapear.
<div>
<table name="content" >
<tbody>
<tr>
<td><strong>Indhold</strong><span>IndholdStart</span></td>
</tr>
<tr>
<td> </td>
</tr>
</tbody>
</table>
<span >First </span>
</br>
</br>
</br>
<span >Second</span>
</div>
The rows from the initial table dissapear.
Note. The issue can be reproduced when both - the dic and the br tag from the example above are present.
screencast - https://somup.com/c0X3lEgyi3
The extisting tables should not be changed when a new table is inserted
When you resize an image in the Editor, the image occasionally flickers. Also, if you decrease the size of the image, you cannot smoothly increase it back
Flickering issue:
Increase width issue
The image flickers upon resizing, and you cannot increase its width
The image shouldn't be flickering, and you should be able to smoothly increase its width
When a link is added to the Inline Editor content and the user clicks outside the Editor, the toolbar does not always hide.
Note: the issue does not always appear, so you may need to test multiple times.
The Toolbar does not hide. - screencast - https://screenpal.com/watch/c06q2DVE2Zi
The toolbar should hide once the user clicks outside the Editor.
The options in the Format Tool dropdown are displayed differently in Safari.
Regression introduced with 2023.1.314
The options in the Tool are displayed with different styles compared to Chrome
The options should be displayed as in Chrome.
The Editor doesn't allow multiple separators through the tools configuration.
Only the first separator is rendered.
All the separators should be rendered
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;
}
}
When the Kendo Editor is utilized within a Bootstrap modal popup and the tools configuration includes tools such as fontName, fontSize, fontColor, backColor, formatting that are not moved to the overflow popup, the toolbar is wider and does not display the overflow button.
- https://dojo.telerik.com/OhiJaSOV/3
I would like to be able to display all tools when the toolbar of the Editor is set to resizable.
In an Editor that has a visible scrollbar, the selection event fires if you click on the scrollbar.
The selection event triggers when you click the scrollbar
The selection event shouldn't trigger when you click the scrollbar
If you have several Inline Editors and a Slider, switching focus from Slider and typing in the Editors result in an error in the console.
An error is thrown in the console
No error should be thrown on the console
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.