The <source>
tag in the Editor gets closed incorrectly. It's a void element, so it should either close itself or not have a closing tag at all. To quote MDN:
The element is a void element, which means that it not only has no content but also has no closing tag. That is, you never use "</source>" in your HTML.
Follow these steps:
viewHtml
" enabled in the toolbar, e.g.:$("#editor").kendoEditor({ tools: ["viewHtml"] });
</>
button to open the "view HTML" modal;<picture>
<source media="(min-width: 0px)" srcset="https://picsum.photos/id/0/300/200.webp" type="image/webp" />
<source media="(min-width: 0px)" srcset="https://picsum.photos/id/0/300/200.png" type="image/png" />
<source media="(min-width: 0px)" srcset="https://picsum.photos/id/0/300/200.jpg" type="image/jpg" />
<img src="https://picsum.photos/id/0/300/200.jpg" width="300" height="200" />
</picture>
</>
button again to view the HTML, and you'll notice that all <source>
tags now have a </source>
closing tag added.All the <source>
get closing tags (</source>
), which makes the HTML invalid as it's a void element. Above snippet would get turned into this (indented for readability):
<picture>
<source media="(min-width: 0px)" srcset="https://picsum.photos/id/0/300/200.webp" type="image/webp"></source>
<source media="(min-width: 0px)" srcset="https://picsum.photos/id/0/300/200.png" type="image/png"></source>
<source media="(min-width: 0px)" srcset="https://picsum.photos/id/0/300/200.jpg" type="image/jpg"></source>
<img src="https://picsum.photos/id/0/300/200.jpg" width="300" height="200" />
</picture>
The <source>
should not get a closing tag, but should either close themselves, or not be closed at all.
If the Editor ColorPickers are defined as gradient instead of palette, it does not render buttons and input.
Regression introduced with 2021.1.224
No input and buttons are rendered.
There should be input and buttons.
The resize handlers in Editor are visible after an image has been deleted
The image disappears, but the resize handlers remain visible
The resize handlers should be hidden when an image is deleted.
<script>
var editor = $('#editor').kendoEditor().data('kendoEditor');
$(editor.body).keydown(function(e){
if(e.key === "Delete"){
$(editor.body).find('.k-element-resize-handle-wrapper').hide()
}
})
</script>
I was using save and edit buttons in RadEditor on ASP.NET Ajax extensivelly. Now, I've moved to MVC and noticed that these buttons don't exist at all!!! It's very weird. Ok, save functionality can be achieved fairly easily, but printing the content of an editor not much. I assumed that, when you were building MVC controls you would deliver the same functionality as in Ajax controls. Anyway, adding these buttons to editor tools would be great.
Currently when inside a table, the functionality for adding more tables disappears and is replaced by the table edit tools, however in our software tables are used to layout the HTML rendered by the editor, which prevents users adding tables at all. We need to keep ours set up this way and cannot switch to a CSS way of building the HTML :(
I use the Kendo Editor with inline mode. As soon as I paste some text from clipboard to the editor, the editor scrolls to the end. When the document ist very large, then you have to scroll back to the position where the cursor was located before pasting. Very difficult to work.
Dojo example. Video available in ticket id: 1496525 (first post).
Two new lines are created instead of one.
One new line is created.
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!
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 Editor adds an extra
element after the nested table:
<p> </p>
No empty paragraph is added on pasting content.
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.
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.
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.
Dear Telerik team,
when I apply a HTML-text with a paragraph to kendo editor it does show a vertical scroll bar in IE. Which is wrong. Chrome does not. See this dojo: https://dojo.telerik.com/AsuNiPuh/4
How can I fix this?
Kind regards
Daniel
Steps to reproduce:
1. Go to https://demos.telerik.com/kendo-ui/editor/index using IE11
2. Delete a sentence in the editor by repeatedly pressing the backspace key.
Result:
The characters are deleted slowly with noticeable lag and jank.
Investigation
The following profile shows the FPS drop when you repeatedly press backspace.
I believe the call to refreshTools is expensive (for IE) and it is invoked on every keyup for backspace.
I love that most of the big Kendo Components are now available to use with Vue Wrappers but the Kendo Editor is still not supported. The Kendo Editor is one of the best WYSIWYG editors that I've used but unfortunately I'm not able to take full advantage of it in my current Vue application.
With current editor, after you copy table which has merged cells to editor, merged cells are gone, Cells are shifted forward.
Being a Telerik Evangelist & Sales Engineer, I do constantly development with Kendo UI. And I just thought it will be good to put this idea out here, so everyone whose also using the Editor control can also vote or comment on this feedback. I've done research on the API documentation and also looking at the demo samples. If any of you have noticed, the "Folder" item in our ImageBrowser shows a tiny grey square which doesn't look very nice. I was thinking, perhaps it will be good for us to have the option to configure the image we want to use for our folders/directories.
Re-size/positioning of the table is very important which gives option for user to create table