Hello,
I have identified an issue within your editor within Kendo UI for jQuery.
When you open the editor on an iPhone, Safari will display some dropdowns in the editor's toolbar twice. You will see the Kendo dropdown, and to the right Safari displays the original <select>. It seems to be impossible to hide the <select> by CSS.
You can reproduce this issue at your own demo website, when you use Safari on an iPhone device:
https://demos.telerik.com/kendo-ui/editor/index
See sample presentation in the attached file.
Is this a known bug?
Do you have a workaround or a fix for this behaviour?
Kind regards,
Markus
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, "");
}
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.
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
Hi Team,
I would like to request a ruler for the Kendo UI Editor where it could be used to align any text.
Thank you!
Hi Team,
I would like to request the Kendo UI Editor to be configurable with a newLine mode. It could have options such as <p>, <br>, and <div> like the following:
$("#editor").kendoEditor({
newLine: {
mode: "p" //or "div" or "br"
}
});
Hi Team,
I need option to add the emojis with content in Telerik kendo editor MVC.
Does this editor has emojis option in tool bar? If yes, kindly share the sample code or link.
If it's not has emojis option, kindly let us know how to achieve this.
When we add a header in table using accessibility tab then we need that header should get wrap in <thead> and same for footer and rest of the rows will wrap in <tbody>. For details please go through video:
https://supportheroes.telerik.com/clientsfiles/d6c4fcb8-de14-4966-9bb4-bb0ff104b136_table-header-requirement-from-kendo-edited-mp4.zip
Steps to reproduce:
1. Navigate to this demo:
https://demos.telerik.com/kendo-ui/editor/index
2. Clean the contents
3. Create a table and click inside one of the cells
4. Open the Table Manager and open the Accessibility tab
5. Add 1 header row and click Ok:
The <th> cells go inside the <tbody> instead of <thead>:
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
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
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.
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
Hi Team,
I'd like to request the functionality to retain the new lines for a <pre> element within a Kendo UI Editor using classic mode(<textarea>). Currently, it does have allow a new space within the pre element:
<textarea id="editor" rows="10" cols="30" style="width:100%; height:450px" aria-label="editor">
<pre>
Example
Example
</pre>
</textarea>
$(document).ready(function () {
// create Editor from textarea HTML element with default set of tools
$("#editor").kendoEditor({
resizable: {
content: true,
toolbar: true
}
});
});
Please take a look at this Progress Kendo UI Dojo using the code above.
Thank you!