Using Edge/Chrome, upon pasting underline text in the Kendo UI Editor, the content is rendered underline, but the UI doesn't highlight the button. In turn, if the user toggles the underline style for parts of the text, it doesn't work. At this point, the button is now highlighted for the part, but switching back to no underline style doesn't have any effect regarding the rendering. Removing the style for the whole line does work as expected.
The underlined text decoration should be recognized by the UI and display.
As a comparison, here is the content after paste:
<p><span style="text-decoration-line:underline;">some text with underline</span></p>
<p><span style="text-decoration:underline;">some text with underline</span></p>
Bug report
Editor inserts two <br /> with enter press when insertLineBreak is changed to br
Reproduction of the problem
Open Dojo: https://dojo.telerik.com/EtUZIVUX
Place the cursor at the end of a line and press ENTER
Expected/desired behavior
Only one <br /> shall be added
Environment
Kendo UI version: [all]
Browser: [all]
We are seeing an issue with duplicate images being inserted in the editor on the key combinations below.
This issue can be recreated on the Kendo editor demo website.
The Kendo UI Editor widget comes with a tool formatting tool that can be activated using the tools option. It renders a dropDown with different entries representing the supported formatting styles. As you can see in this DOJO, the entries are overly large. This comes from a syntax error in the inline style applied to the span inside the .k-list-item-text DOM element (display: inline-block#; instead of display: inline-block;) This causes the browser to ignore this line and leads to broken styling. Fixing the syntax error in the browser console fixes the styling issue.
When the content is scrolled and the user tries to click in the Editor, the cursor is not always set on the correct position
Sometimes the cursor is not set in the expected position. screencast - https://somup.com/c0VvQMxw1m
The cursor should be set on the correct place when clicking
Content pasted from Outlook/Word might lead to throwing a 'Cannot read properties of null (reading 'nodeType')' error when pasted in Editor.
An error: Cannot read properties of null (reading 'nodeType') is thrown in the console
No error should be thrown when pasting content into the Editor
Note: The purpose of the issue is to avoid errors in the console not styling the content as list.
`paste: function(e){
e.html = e.html.replace(/MsoNormal/g, "");
e.html = e.html.replace(/mso/g, "");
}
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.
Hello,
when I paste text from notepad editor, it is pasted with default font-size even if I currently have cursor on text with bigger font size. Can the editor apply current formatting on pasted text? it is replicable in editor demo. https://demos.telerik.com/kendo-ui/editor/index
thanks,
Marel
Immutable content is incorrectly removed when you delete line in the Editor textarea.
The immutable "Dear" part of the text is removed instead of the empty line
The immutable content should not be removed
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
Hi,
please review the following steps:
1) Go to: https://dojo.telerik.com/@lhoeppner/IYoKegOY
2) In the editor, click the "View Html" button
3) Select all, then paste this new content, then select "Update":
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title>
<style type="text/css">.csAD7A2888{text-align:left;text-indent:0pt;margin:12pt 0pt 12pt 0pt}
.cs2D694F89{color:#000000;background-color:transparent;font-family:Tahoma;font-size:10pt;font-weight:normal;font-style:normal;}
.csC8F6D76{color:#000000;background-color:transparent;font-family:Calibri;font-size:11pt;font-weight:normal;font-style:normal;}
</style>
<p class="csAD7A2888"><span class="cs2D694F89">1st line</span></p>
<p class="csAD7A2888"><span class="cs2D694F89">2nd line</span></p>
<p class="csAD7A2888"><span class="cs2D694F89">3rd line </span></p>
<p class="csAD7A2888"><span class="cs2D694F89">4th line</span></p>
<p class="csAD7A2888"><span class="cs2D694F89">...</span></p>
<p class="csAD7A2888"><span class="csC8F6D76">Tim Allens 24-08-2022 18:02 (UTC+00:00) Dublin, Edinburgh, Lisbon, L</span></p>
4) Click to put the cursor in front of "2nd line", then click to put the cursor in front of "1st line" (at the beginning of the note)
5) Press backspace
Result: The line starting with "1st line..." is deleted.
6) Put cursor in front of "3rd line", then back in front of "2nd line", press backspace
Result: The line starting with "2nd line..." is deleted.
Backspace shouldn't delete anything in that scenario because the cursor is in front of all note content, and nothing is selected.
The deletion occurs via kendo.editor._handleBackspace/_merge
Thanks,
Lars
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 remove an image in the Editor and then return it with undo action, the image resize handlers will be duplicated.
The resize handlers are duplicated.
The resize handlers shouldn't be duplicated.
When an image from docx file is pasted in the Editor an error is thrown.
An error is thrown : "Failed to execute 'readAsDataURL' on 'FileReader': parameter 1 is not of type 'Blob'"
screencast
There should be no errors in the console.
Describe the regression
If you bold some text in the Inline Editor, the content will be displayed on separate lines
To reproduce
Affected package (please remove the unneeded items)
**Affected suites
Affected browsers
Additional context
Introduced with 2020.2.617
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 Editor is opened on iPad in desktop mode it seems like it has not been initialized. It is displayed as a standard textarea.
The Editor is displayed as a standard textarea. There is no toolbar rendered.
The Editor should be rendered as on the other devices/browsers.
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>
Hello,
When using the Editor, and pasting a table from Word, some of the styles are lost.
Here is a screenshot of the results when pasting the table from the attached document in this dojo: https://dojo.telerik.com/IraPuMAm.
Regards
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).