I.E.8 compatibility issue
Description
Following are the issues with i.e.8 browser
1. User cannot select background colour for text (please see attached screenshot)
I.E.8 and above compatibility issue:
Hyperlink does not work in all IE browsers while composing messages
Steps to replicate:
1. Add a hyperlink in the text editor.
Actual Result: Right clicking on hyperlink does not work.
Browser Chrome and Safari specific:
Google Chrome and Safari: Print preview missing background text colour
Description
Google Chrome and Mac Safari Specific
On compose window, add some text with background colour, click to print, print preview does not shows background colour.
From Message view page, click on print icon to view print preview, background colour is missing
General issue in all browsers:
Selected Font displayed in drop down does not match
Description:-
In compose window, apply some font on the text.(issue occurs when the following fonts are applied - Courier New,
Lucida Console, Times New Roman, and Trebuchet MS) select the text again to verify selected font
is applied on the text. Selected Font displays value of option tag instead of visible text in drop down
Query 1:
Tab key not working kendo inside create table cells
Description:-
Drag table using kendo text editor.
When we use tab key to move control from one cell to another cell, operation does not work.
Query 2:
Incorrect url redirect when clicking on hyperlink
Description:-
Create new hyperlink. Clicking on hyperlink on composes new messages or messages page redirects to incorrect url.
15 Answers, 1 is accepted
Rank 1
Hi All ,
Please reply as soon as possible. As we are using Kendo JSP Taglib.
So please replay for the attached queries which are fit for jsp taglib
Rank 1
HI All,
Along with the above concern i am adding one more query related to chinese character and other language support during PDF Export.
Description:
When try to export chinese character inside kendo editor using PDF export toolbar some garbage values get exported.
So can you provide me the solution how to do it with chinese and other language.
I am not sure how these queries might be related to JSP Taglib as I am unable to define how one affects Kendo Editor widget.
As per to the queries:
- Using our online demos I am unable to encounter any troubles to select and decorate background color to text. Are you able to reproduce the same with the online demo linked?
- Right click on a link in the content area should open the browser context menu. Kendo Editor does not implement anything related to right click and I can only assume what might be the issue with that;
- The print preview is a browser component. Kendo Editor does not affect the content somehow so to appear differently decorated in the print preview. You can see that the same result will happen even if plain HTML is printed in Chrome. You can test that with this Dojo—http://dojo.telerik.com/egIMI.
- I am not sure that I understand what exactly is the problem with the fonts drop down. The images attached are too blurred and it is merely impossible to see what is shown there. Can you elaborate a bit more? What is the mentioned "option tag" and what is the "visible text"? What is the HTML selected? What is the font applied? And what is the expected result? I suggest you to try reproduce the same with the online demo and provide exact steps so to reproduce that locally.
- I am not sure how exactly Tab should work in the InsertTable tool and what it would be its purpose. If this is a feature that you would like to be implemented in Kendo Editor, I suggest posting your idea in the Kendo UserVoice portal.
- Adding a link in editor is just a plain anchor tag. The href is the value inserted in the Hyperlink manager and this is the URL the link should direct to. On my end, I am unable to encounter issues with that. Here you are a screencast of the test case—http://screencast.com/t/B3DBASkbST.
Regards,
IankoTelerik
Rank 1
Kendo
Editor (JSP Tag)
HI Team,
There are some very critical issue mentioned below.So please go throgh in detail and reply asap.
We have
number of issue facing during kendo Editor Implementation already queried but waiting
for answer.
Detail Description of Issue:
Excel Copy
& Paste Issue:
When copy tabular data from Excel to Kendo editor
then it behaves differently on all browser.
In Chrome
browser generate Html code is (i.e. Tabular data converted in <IMG> tag.)
<img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUEAAABRCAYAAABMrxQeAAAE20lEQVR4Ae3dTW5bNxiFYaroSlqrg6IrqFfgjLqKZJgsIMMuIB46S+iokzYrSFZQZFAr3YoKydYVKF9fKeGIPI8BQ7R+CJ73+3h84WvwrP7dfNkWXwgggEAoge93utc//hAqv5T7L//Rr/76P5TAbv9/F6qdbAQQQGBPgAlqBAQQiCbABKPLTzwCCDBBPYAAAtEEmGB0+YlHAAEmqAcQQCCaABOMLj/xCCAwY4IfyqvVqqz236/Kh81tub6+LZsYVvSrv/5P2v8nJrgpt9cvyj/v7st2uy3b7W/lz/Wb8inGAOlXf/2ftv9rE9z8Vf749LK8fX31aHs35e7vlzEWWOhXf/0ft/9rE7z/HHTVN+Pt9Kv/TFvEPBXa/7UJrn8uv8ZUfEYo/eo/0xYxT4X2f22CVz+VX8r78vvt422Q3U2RF+9jeqDQr/76P27/1yZYbsrd/btS3qwf7g6vP5e3SX8TpF/99X/c/j8xwVLK1evycX9neHd3+K7c5FwHPiilX/31/+N/h2Ts/6cmmGZ69CKAQDQBJhhdfuIRQGC1O17fydJO1k7dCk4Wd7L63gRTNwDdCCCAgIwRGSMyVmSsxDqhjJHY0hOOAAIHAm6MHEh4RACBSAJMMLLsRCOAwIEAEzyQ8IgAApEEmGBk2YlGAIEDASZ4IOERAQQiCTDByLITjQACBwIzJihjQ8aGjI2kjI2DGTw85u3/ExOUsSFjQ8ZGWsbG0QQz939tgjI2ZGzI2IjL2JhMMHT/1yYYmjEwNQH9MkamZggchPZ/bYKhGQNTu9MvY2RqhsBBaP/XJihjQ8aGjI24jI3J7kP3f22CMjZkbMjYiMvYmEwwdP+fmKCMERkrMmZk7OzyhXIyhp6a4PHXghECCCAwPAEmOHyJCUQAgSUCMkacLO1kaSdLL3nE0K/tTpaWMTJ0iYlDAIFzBGSMuBJ0JehK8JxPDPu6jJFhS0sYAghcSsCNkUtJeR8CCAxJgAkOWVaiEEDgUgJM8FJS3ocAAkMSYIJDlpUoBBC4lAATvJSU9yGAwJAEmOCQZSUKAQQuJTBjgnkZAzUs+pczVkbnM7q+utuf/pSn/8QEMzMGjo1A/3LGyuh8Rtd37PT5Uab+2gRDMwamhqB/OWNldD6j65sa/ZlBqP7aBEMzBqaWoH85Y2R0PqPrmxr9mUGo/toEQzMGppagfzljZHQ+o+ubGv2ZQaj+2gRDMwamlqB/OWNldD6j65sa/ZlBqP7aBEMzBo4tcSNjZDFjZHQ+o+s7dvr8KFP/iQnKGJExciZj5OrM6/O7q59nR9d3rhKB+p+a4DlIXkcAAQQGIsAEByomKQgg8PUEZIw4WdrJ0k6W/nrnGOQTMkYGKSQZCCDw7QRkjLgSdCXoSvDbHaTzT8oY6byAlo8AAu0E3BhpZ2gGBBDomAAT7Lh4lo4AAu0EmGA7QzMggEDHBJhgx8WzdAQQaCfABNsZmgEBBDomwAQ7Lp6lI4BAOwEm2M7QDAgg0DEBJthx8SwdAQTaCTDBdoZmQACBjgkwwY6LZ+kIINBOgAm2MzQDAgh0TIAJdlw8S0cAgXYCTLCdoRkQQKBjAkyw4+JZOgIItBNggu0MzYAAAh0TYIIdF8/SEUCgnQATbGdoBgQQ6JjAPmip4/VbOgIIINBE4H/pDHLQMR7lkwAAAABJRU5ErkJggg=="
/>
But same
tabular data paste to Firefox and IE browser then generate HTMl code is
<table
border="0" cellpadding="0" cellspacing="0"
style="border-collapse:collapse;width:240pt;"
width="320"><colgroup><col span="5"
style="width:48pt;" width="64"
/></colgroup><tbody><tr height="20"
style="height:15.0pt;"><td class="xl65" height="20"
style="height:15.0pt;width:48pt;"
width="64">q</td>
<td
class="xl65" style="border-left:none;width:48pt;"
width="64">q</td>
<td
class="xl65" style="border-left:none;width:48pt;"
width="64">q</td>
<td
class="xl65" style="border-left:none;width:48pt;"
width="64">q</td>
<td
class="xl65" style="border-left:none;width:48pt;"
width="64">q</td>
</tr>
<tr
height="20" style="height:15.0pt;"><td
class="xl65" height="20"
style="height:15.0pt;border-top:none;">q</td>
<td
class="xl65"
style="border-top:none;border-left:none;">q</td>
<td
class="xl65"
style="border-top:none;border-left:none;">q</td>
<td
class="xl65"
style="border-top:none;border-left:none;">q</td>
<td
class="xl65"
style="border-top:none;border-left:none;">q</td>
</tr>
<tr
height="20" style="height:15.0pt;"><td
class="xl65" height="20"
style="height:15.0pt;border-top:none;">q</td>
<td
class="xl65"
style="border-top:none;border-left:none;">q</td>
<td
class="xl65"
style="border-top:none;border-left:none;">qq</td>
<td
class="xl65"
style="border-top:none;border-left:none;">q</td>
<td
class="xl65"
style="border-top:none;border-left:none;">q</td>
</tr>
<tr
height="20" style="height:15.0pt;"><td
class="xl65" height="20"
style="height:15.0pt;border-top:none;"> </td>
<td
class="xl65"
style="border-top:none;border-left:none;"> </td>
<td
class="xl65"
style="border-top:none;border-left:none;"> </td>
<td
class="xl65"
style="border-top:none;border-left:none;"> </td>
<td
class="xl65"
style="border-top:none;border-left:none;"> </td>
</tr>
</tbody></table>
In this
case no CSS like color, font and Border value is preserved.
Due to this
strange behavior I am not able to deliver the uniform functionality throughout
the All Browser.
So just to
make the uniformity across all browser I just Off the paste event by putting
these code.
var editor = $("#${editorName}").data("kendoEditor");
$(editor.body).off("paste");
After putting these lines of code we are not able to capture the Paste
event hence not able to reformate the paste data and update the editor content.
For more reference here I am
pasting my code.
TLD File
(taglib.tld)
<?xml version="1.0" encoding="ISO-8859-1" ?>
<taglib xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee/web-jsptaglibrary_2_0.xsd"
version="2.0">
<tag-file>
<name>kendoEditor</name>
<path>/META-INF/tags/fiptags/kendoEditor.tag</path>
</tag-file>
</taglib>
</taglib>
Custom
Editor Tag (Inside jsp File):
<cutomtag:kendoEditor editorName="body" editableMode="true" editorValue="${editorBodyContent}"editorHiddenParam="kendoEditorBody" resizable="true" min="500">
</cutomtag:kendoEditor>
KendoEditor.Tag File
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="kendo" uri="http://www.kendoui.com/jsp/tags" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fip" uri="fiptags" %>
<%@ attribute name="editorName" required="true" type="java.lang.String" description="Editor name should be unique"%>
<%@ attribute name="editableMode" required="true" type="java.lang.Boolean" description="message type compose or view"%>
<%@ attribute name="editorHiddenParam" required="false" type="java.lang.String" description="Content of the kendo editor store in hidden parameter.IT is optional for read only mode"%>
<%@ attribute name="editorValue" required="false" type="java.lang.String" %>
<%@ attribute name="resizable" required="false" type="java.lang.Boolean" %>
<%@ attribute name="min" required="false" type="java.lang.String" %>
<%@ attribute name="max" required="false" type="java.lang.String" %>
<c:set var="editorName" value="${empty editorName ? 'kendoEditorName' : editorName }"></c:set>
<c:set var="editableMode" value="${editableMode}"></c:set>
<c:set var="resizable" value="${empty resizable ? true : resizable}"></c:set>
<fip:hidden name="${editorHiddenParam}"></fip:hidden>
<c:if test="${editableMode}">
<fip:kendoHeader/>
</c:if>
<div id="div_${editorName}">
<c:choose>
<c:when test="${editableMode}">
<kendo:editor name="${editorName}" resizable="${resizable}" style="height:${min}px"
stylesheets="<%= new String[]{request.getContextPath() + \"/styles/kendo/kendo.custom.css\"}%>">
<kendo:editor-serialization scripts="false" semantic="false"></kendo:editor-serialization>
<c:if test="${resizable}">
<kendo:editor-resizable min="${empty min ? '200' : min}" max="${empty max ? 0 : max}" content="true"></kendo:editor-resizable>
</c:if>
<kendo:editor-tools>
<kendo:editor-tool name="bold"/>
<kendo:editor-tool name="italic"/>
<kendo:editor-tool name="underline"/>
<kendo:editor-tool name="strikethrough"/>
<kendo:editor-tool name="justifyLeft"/>
<kendo:editor-tool name="justifyCenter"/>
<kendo:editor-tool name="justifyRight"/>
<kendo:editor-tool name="justifyFull"/>
<kendo:editor-tool name="insertUnorderedList"/>
<kendo:editor-tool name="insertOrderedList"/>
<kendo:editor-tool name="indent"/>
<kendo:editor-tool name="outdent"/>
<kendo:editor-tool name="createLink"/>
<kendo:editor-tool name="unlink"/>
<kendo:editor-tool name="subscript"/>
<kendo:editor-tool name="superscript"/>
<kendo:editor-tool name="createTable"/>
<kendo:editor-tool name="addRowAbove"/>
<kendo:editor-tool name="addRowBelow"/>
<kendo:editor-tool name="addColumnLeft"/>
<kendo:editor-tool name="addColumnRight"/>
<kendo:editor-tool name="deleteRow"/>
<kendo:editor-tool name="deleteColumn"/>
<kendo:editor-tool name="formatting"/>
<kendo:editor-tool name="fontName"/>
<kendo:editor-tool name="fontSize"/>
<kendo:editor-tool name="foreColor"/>
<kendo:editor-tool name="backColor"/>
<kendo:editor-tool name="print"/>
<kendo:editor-tool name="viewHtml"/>
</kendo:editor-tools>
<kendo:editor-value><c:out value="${empty editorValue ? '' : editorValue}"></c:out></kendo:editor-value>
</kendo:editor>
</c:when>
<c:otherwise>
<kendo:editor name="${editorName}" resizable="${resizable}" style="height:300px"
stylesheets="<%= new String[]{request.getContextPath() + \"/styles/kendo/kendo.custom.css\"}%>">
<c:if test="${resizable}">
<kendo:editor-resizable min="${empty min ? '200' : min}" max="${empty max ? 0 : max}" content="true"></kendo:editor-resizable>
</c:if>
<kendo:editor-serialization scripts="false" semantic="false"></kendo:editor-serialization>
<kendo:editor-tools></kendo:editor-tools>
<kendo:editor-value><c:out value="${empty editorValue ? '' : editorValue}"></c:out></kendo:editor-value>
</kendo:editor>
</c:otherwise>
</c:choose>
</div>
<script>
<c:choose>
<c:when test="${editableMode}">
$(document).ready(function () {
var editor = $("#${editorName}").data("kendoEditor");
$(editor.body).off("paste");
editor.bind("execute", onExecute);
});
function onExecute(e) {
if (e.name == "createlink") {
setTimeout(function () {
$("#k-editor-link-url").val($("#k-editor-link-url").val());
});
}
}
</c:when>
<c:otherwise>
$(document).ready(function () {
var editor = $("#${editorName}").data("kendoEditor");
var editorBody = $(editor.body);
editorBody.removeAttr("contenteditable").find("a").on("click.readonly", false);
});
</c:otherwise>
</c:choose>
</script>
So can you please suggest.
End
---------------------------------------------------------------------------------------------------------------------------
Create
table Issue
Resizable Table issue: When I made some changes in CSS file to achieve
the resizable functionality in all browser it working only in chrome browser.
In Firefox Only height can be resizable not width and In IE nothing is working.
.k-table {
border: 0px solid #ccc;
outline: 0 solid;
overflow:hidden;
border-spacing: 0;
overflow:hidden !important;
resize:both !important;
table-layout:fixed;
width: 90%;
padding: 8px;
}
.k-table td {
min-width: 1px;
padding: 0.2em 0.3em;
border: 1px solid #ccc;
padding: 8px;
resize: both;
} Tab key navigation inside Table cells: when I press tab inside table cell focus get somewhere else. So please advise me that how can we achieve the tab key navigation functionality inside create table cell.
So please suggest.
End
-----------------------------------------------------------------------------------------------------------------
Create HiperLink Issue
When create
a hyperlink using create link tools then generate link (anchor) tag not working
until unless right click on the link and the open as a new Window.
Also when
click on INSERT button inside create Links dialog I need to put some web
address validation.so please advise me that how can I achieve this..
Rank 1
Hi All,
Can you please reply on above query asap.
Thanks & Regards
Rakesh
Copying and pasting in Kendo Editor is something that is mostly controlled by the browser. Editor cannot provide a consistent result as the pasted content is firstly processed by the browser. Moreover, disabling the paste event you disable all possible logic for editor to handle pasting. Of course, this prevents the paste event to be raised and this is expected as the event handler is detached. In this case, you can attach your own using plain JavaScript and attach a DOM event. This, however, is a custom scenario that should be handled additionally.
Custom JSP tags is not something we support. Therefore, I am not sure how could I assist you on that.
Resizing of tables inside Kendo Editor is not a feature of the widget. Some browser support that and some do not. I am not sure how this CSS results to a resizing feature. Typically, Firefox and IE have their own feature for image and table resizing. However, Kendo Editor cannot somehow control it. As I am aware, Chrome does not expose such a feature. Therefore, I can only guess how this CSS is relevant to the case.
Navigating with Tab key is not something that is supported. I suggest you posting it as a feature request in the Kendo UserVoice portal.
Hyperlinks are not operation in the content area. That is by design (in the browser) and this is how every editable DOM element works. You can try creating a simple editable DIV element in a simple page and you will see that the same will happen—links will not direct to the page assigned to. Mainly, this is an editable area. Thus, it is expected links to not navigate to different page. If they are to navigate, any content added in the element will be lost.
Regards,
Ianko
Telerik
Rank 1
HI Support Team,
As i already posted so many issue facing during implementation of Kendo Editor ( Specially for JSP Tag: ) but most of the queries not answered very properly.
Kindly request you to please answer the above query along with few new Queries mentioned below.
1: PasteCleanup:
I am not able to find the JSP tag inside kendo editor tag.So just let me know the how to use this feature inside
kendo editor tag .
pasteCleanup Object
Options for controlling how the pasting content is modified before it is added in the editor.
EXAMPLE:
<textarea id="editor"></textarea>
<script>
$("#editor").kendoEditor({
pasteCleanup: {
all: false,
css: false,
custom: null,
keepNewLines: false,
msAllFormatting: false,
msConvertLists: true,
msTags: true,
none: false,
span: false
}
});
</script>
2: After pasting anything inside Kendo editor, unable to place Cursor (Mouse Pointer) below .So just let me know how to put the cursor in new line.
@Note : kindly answer in the for JSP not for Html or dojo at priority.
Thanks & Regards
Rakesh
As far as I know, pasteCleanup options are planned to be live for 2016 R2. Indeed, they are live in the documentation, but the feature is not announced yet in the release notes.
With the R2 release, demo on the topic (for JSP) will be live. Where you will be able to see the code that will enable you to use this feature. However, you can find attached the view of the JSP demo that is going to be live for R2. Note that this feature is not available in the current version.
As for the second difficulty, can you provide more details about that? What are the exact steps to reproduce? Working with this demo (http://demos.telerik.com/kendo-ui/editor/index), pasting works fine and cursor is still in the content area, enabling user to either type text or enter new line by using Enter key.
Regards,
Ianko
Telerik
Rank 1
HI Kendo JSP Team,
We would like to inform you that in past i have raise so many concern related to kendo Editor (using JSP Library) and most of them not properly answered .Everyday we are facing new issue in Kendo Editor .
So now we have uploaded the few number of issues and most of them able to replicate on Kendo Editor Demo Site as well.
So kindly request you to please provide me the answer in Detail with solution code asap as these bugs are reported on Production (Client side.).
Thanks & Regards
Rakesh.
Rank 1
Attached the issue list also pasting the issue here as well.
@Note: Solution we are excepting for JSP TAG only
ISSUE 1:
Kendo Editor Backspace
Cursor Position Issue [JSP]
Description:
When
writing a mail message inside kendo Editor and when using backspace key from
keyboard encountered number of issue and same
is replicating in Kendo Editor Demo
(http://demos.telerik.com/jsp-ui/editor/index) as well.
When
pressing the Backspace key from keyboard Cursor Position Moved At the end of
the Editor Content Area.
1. Also Some time Text Paragraph Line also
shifted end of the Editor Content
Area.
2. Sometime unable to predict the behaviours
and position of cu.
ISSUE 2:
Hitting Enter after
formatted first line is re-positioning line and cursor. Mostly it is specific
to IE browser and other as well.
Description:
1. Open
kendo editor
2. Type
some text in first line
3. Apply
formatting on this line
4. Hit
enter at the end of first line
Actual Result:
This
first line moves to third line position and cursor is focused on second line
@Note: Same is replicating in Kendo
Editor Demo (http://demos.telerik.com/jsp-ui/editor/index) as well.
Issue 3: (Specific to IE Browser)
Bullets, Numbering
Indentation etc. does not work .Backspace on next line after bullets removes
bullets.
Description:
1. Open
Kendo editor
2. Write
few lines of text
How are
you?
I am
Fine.
Thank
You.
3.
Select and apply bullets
4. Click
after ‘Thank You.’ .i.e. positioned the cursor at the end of third line text
end (at the end of ‘Thank You.’) and hit enter from keyboard.
5.
Cursor is moved to next line after ‘Thank You’ with bullets.
6. Hit
backspace to remove bullet from fourth line
Actual Result:
Bullets
is removed from all the above lines
We are
facing this issue at client Side and very High Priority Issue.
So kindly provide some solution on immediate
basis.
The archive sent appears to be corrupted. After downloading it, it is empty.
As for JSP, note that Kendo UI widgets are entirely client-side oriented and the JSP wrappers are only a utility to configure and serialize a client-side widget. That said, possible problems with the JSP wrappers should be reproducible with the client-side widgets as well.
As for the previously discussed topics. I am unable to find any unanswered queries or concerns. Note that through your queries there are reports that I was unable to reproduce, others are expected behaviors and some are features requests that you can post in the Kendo User Voice portal as suggestions for future development.
If your concern is with the pasteCleanup options, I can guarantee you that they are live and running and you can upgrade to the latest available version to use them in your application.
Regards,
Ianko
Telerik
Rank 1
HI Lanko,
I am attaching the same issue list again.So please download and provide me resolution asap.
Here i am also mentioned my queries as well in brief.
Start Query 1:
Kendo Editor Backspace Cursor Position Issue [JSP]:
When
writing a mail message inside kendo Editor and when using backspace key from
keyboard encountered number of issue and same
is replicating in Kendo Editor Demo
(http://demos.telerik.com/jsp-ui/editor/index) as well.
When
pressing the Backspace key from keyboard Cursor Position Moved At the end of
the Editor Content Area.
1 a. Also Some time Text Paragraph Line also
shifted end of the Editor Content
Area.
1b. Sometime unable to predict the behaviours
and position of cu.
Start Query 2:
2 . Hitting Enter after formatted first line is re-positioning line and cursor. Mostly it is specific to IE browser and other as well.
2 a. Open
kendo editor
2 b. Type
some text in first line
2 c. . Apply
formatting on this line
2d. Hit
enter at the end of first line
Actual Result:
This
first line moves to third line position and cursor is focused on second line
Start Query 3:
3.Bullets, Numbering Indentation etc. does not work .Backspace on next line after bullets removes bullets.
Description:
1. Open
Kendo editor
2. Write
few lines of text
How are
you?
I am
Fine.
Thank
You.
3.
Select and apply bullets
4. Click
after ‘Thank You.’ .i.e. positioned the cursor at the end of third line text
end (at the end of ‘Thank You.’) and hit enter from keyboard.
5.
Cursor is moved to next line after ‘Thank You’ with bullets.
6. Hit
backspace to remove bullet from fourth line
Actual Result:
Bullets
is removed from all the above lines
Thanks & Regards
Rakesh (CPA GLOBAL)
Rank 1
I am attaching the same issue list again.So please download and provide me resolution asap.
Here i am also mentioned my queries as well in brief.
Start Query 1:
Kendo Editor Backspace Cursor Position Issue [JSP]:
When writing a mail message inside kendo Editor and when using backspace key from keyboard encountered number of issue and same is replicating in Kendo Editor Demo (http://demos.telerik.com/jsp-ui/editor/index) as well.
When pressing the Backspace key from keyboard Cursor Position Moved At the end of the Editor Content Area.
1 a. Also Some time Text Paragraph Line also shifted end of the Editor Content
Area.
1b. Sometime unable to predict the behaviours and position of cu.
Start Query 2:
2 . Hitting Enter after formatted first line is re-positioning line and cursor. Mostly it is specific to IE browser and other as well.
2 a. Open kendo editor
2 b. Type some text in first line
2 c. . Apply formatting on this line
2d. Hit enter at the end of first line
Actual Result:
This first line moves to third line position and cursor is focused on second line
Start Query 3:
3.Bullets, Numbering Indentation etc. does not work .Backspace on next line after bullets removes bullets.
Description:
1. Open Kendo editor
2. Write few lines of text
How are you?
I am Fine.
Thank You.
3. Select and apply bullets
4. Click after ‘Thank You.’ .i.e. positioned the cursor at the end of third line text end (at the end of ‘Thank You.’) and hit enter from keyboard.
5. Cursor is moved to next line after ‘Thank You’ with bullets.
6. Hit backspace to remove bullet from fourth line
Actual Result:
Bullets is removed from all the above lines
Thanks & Regards
Rakesh (CPA GLOBAL)
Here you are my answers to your queries:
- Issue 1: I was unable to reproduce any issues with backspace key in the mentioned demo. Here you are a screen record of my test: http://screencast.com/t/L9ene1qSrOtZ.
- Issue 2: This is a bug. I have logged it in the backlog. You can monitor its progress from here: https://github.com/telerik/kendo-ui-core/issues/1873.
- Issue 3: I was unable to reproduce the described behavior. On my end backspace on the empty list item properly removes the list item and adds a paragraph after the list. Here you are a screencast: http://screencast.com/t/aYUFFL0MQndz.
Regards,
IankoTelerik
Rank 1
Sorry for replying to an old post, but...
I've encountered the same issue when the backspace key jumps a fragment of content to the end of the editor content and found that it was related to us having some whitespace between the editor element tag and the content that we were editing. Any trailing or leading whitespace really seems to screw up the behaviour. Ensuring that this is trimmed in and out of the DB before being output has meant that the editor has gone from being quite frustrating to pretty robust.
Kind regards,
Greg