Home Search Member List Faq Register Login  
UltimateEditor
Re: Carriage return when delete key pressed.

Thread Starter: weaglescv   Started: 01-09-2017 7:33 AM   Replies: 10
 Karamasoft Support Forums » General Discussions » UltimateEditor » Re: Carriage return when delete key pressed.
 Printable Version    « Previous Thread   Next Thread »
  09 Jan 2017, 7:33 AM
weaglescv is not online. Last active: 1/20/2017 4:30:16 AM weaglescv

Top 10 Posts
Joined on 01-09-2017
Posts 6
Carriage return when delete key pressed.
Within the UltimateEditor, when typing within the <tr> tags of a table, when the delete key is pressed at the end of a line a carriage return is inserted.

Below is an example of html where the behaviour has been observed, when pressing delete after "first". This is not the only case in which this occurs.

Is there anyway to resolve this problem?

<h2 align="right" style='color: rgb(0, 0, 0); text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: "Times New Roman"; font-style: normal; word-spacing: 0px; white-space: normal; orphans: 2; widows: 2; -webkit-text-stroke-width: 0px; font-variant-ligatures: normal; font-variant-caps: normal;'><br></h2><h2 align="right" style='color: rgb(0, 0, 0); text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: "Times New Roman"; font-style: normal; word-spacing: 0px; white-space: normal; orphans: 2; widows: 2; -webkit-text-stroke-width: 0px; font-variant-ligatures: normal; font-variant-caps: normal;'><table style="width: 529px; border-collapse: collapse;" border="0" cellspacing="0" cellpadding="2"><tbody><tr><td style="border-style: solid; border-color: rgb(0, 0, 0);"><span style="font-size: 11pt;"><span style="font-size: 12pt;"><p style="margin: 0cm 0cm 0pt; line-height: 18.4px;"><span style="line-height: 16.86px; font-size: 11pt;"><span style="font-family: arial;"></span></span><span style="line-height: 16.86px; font-size: 11pt;"><span style='font-family: "times new roman";'><br></span></span></p></span><span style="font-size: 11pt;"><span style='font-family: "times new roman";'><p style="margin-top: 0px; margin-bottom: 0px;"><span style='font-family: "times new roman";'>first</span></p><span style="font-size: 11pt;"><p style="margin-top: 0px; margin-bottom: 0px;">second</p></span><p style="margin-top: 0px; margin-bottom: 0px;">third</p></span></span></span><p style="margin-top: 0px; margin-bottom: 0px;"><br></p></td></tr><tr><td style="border-style: solid; border-color: rgb(0, 0, 0);" rowspan="1"><p style="margin-top: 0px; margin-bottom: 0px;"><span style="font-size: 11pt;"><span style='font-family: "times new roman";'><em><br></em></span></span></p><p style="margin-top: 0px; margin-bottom: 0px;"><span style='font-family: "times new roman";'>first</span></p><span style="font-size: 11pt;"><p style="margin-top: 0px; margin-bottom: 0px;">second</p></span><p style="margin-top: 0px; margin-bottom: 0px;">third</p><p style="margin-top: 0px; margin-bottom: 0px;"><br></p><p style="margin-top: 0px; margin-bottom: 0px;"><br></p></td></tr><tr><td style="border-style: solid; border-color: rgb(0, 0, 0);" rowspan="1"><span style="font-size: 11pt;"><span style='font-family: "times new roman";'><p style="margin-top: 0px; margin-bottom: 0px;"><span style='font-family: "times new roman";'>first</span></p><span style="font-size: 11pt;"><p style="margin-top: 0px; margin-bottom: 0px;">second</p></span><p style="margin-top: 0px; margin-bottom: 0px;">third</p><p style="margin-top: 0px; margin-bottom: 0px;"><br></p></span><p style="margin-top: 0px; margin-bottom: 0px;"><span style='font-family: "times new roman";'><br></span></p></span></td></tr></tbody></table></h2><p style="margin-top: 0px; margin-bottom: 0px;"><br class="Apple-interchange-newline"></p>

  
  10 Jan 2017, 12:05 AM
Karamasoft is not online. Last active: 5/8/2018 10:36:45 AM Karamasoft

Top 10 Posts
Joined on 09-05-2004
Posts 6,820
Re: Carriage return when delete key pressed.
Your sample HTML is quite unusual and doesn't conform to standard HTML rules (e.g. all the content is inside a header H2 tag, block elements such as P inside non-block elements such as SPAN, etc.). Did you paste this content from an editor such as Word? Are you able to generate this output by using the UltimateEditor in Design mode?

When you start typing right at the end of the first line, pressing carriage return and then pressing Backspace at the beginning of the second line deletes the spacing between the first and second lines properly so the issue may be related to the BR tags inside the P tags between each line (first, second, and third).

If you are pasting content from another editor instead of creating the content directly inside the editor using the Design mode, UltimateEditor may not function properly.

  
  10 Jan 2017, 5:51 AM
weaglescv is not online. Last active: 1/20/2017 4:30:16 AM weaglescv

Top 10 Posts
Joined on 01-09-2017
Posts 6
Re: Carriage return when delete key pressed.
I have been able to recreate the behaviour using Design mode of the UltimateEditor on the sample website.

If you press delete after the h, new lines are added.


<p style="margin-top: 0px; margin-bottom: 0px;"><strong>h</strong></p><strong><p style="margin-top: 0px; margin-bottom: 0px;"><br></p><p style="margin-top: 0px; margin-bottom: 0px;"><table style="width: 100%; border-collapse: collapse;" border="0" cellspacing="0" cellpadding="2"><tbody><tr><td></td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr></tbody></table></p></strong>

  
  10 Jan 2017, 8:41 PM
Karamasoft is not online. Last active: 5/8/2018 10:36:45 AM Karamasoft

Top 10 Posts
Joined on 09-05-2004
Posts 6,820
Re: Carriage return when delete key pressed.
We are able to reproduce the issue with your sample HTML but we are not sure how that HTML was generated using the Design mode. The closest we generated was as follows and it doesn't have any issues when you press Delete after h:

<p style="margin-top: 0px; margin-bottom: 0px;"><strong>h</strong></p><p style="margin-top: 0px; margin-bottom: 0px;"><strong></strong><br></p><p style="margin-top: 0px; margin-bottom: 0px;"><table style="width: 100%; border-collapse: collapse;" border="0" cellspacing="0" cellpadding="2"><tbody><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr></tbody></table></p>

The difference between this and yours seems to be the <strong> tag around your <p> tag. We are not sure how you wrap your <p> element with a <strong> element but that seems to be the one causing the issue. If you are manually editing your HTML, you should remove it around the <p> tag and move it to inner tags such as <td>.

  
  11 Jan 2017, 3:37 AM
weaglescv is not online. Last active: 1/20/2017 4:30:16 AM weaglescv

Top 10 Posts
Joined on 01-09-2017
Posts 6
Re: Carriage return when delete key pressed.
This is the process I have used to recreate the issue:
1. Open the UISuiteSample in IE11.
2. Click ‘Bold’
3. Type ‘1’ on top line.
4. Click add table.
5. Press enter at the end of the line labelled ‘1’ .
6. Add ‘2’ on top line.
7. Now pressing delete twice at the end of the line labelled ‘2’ produced the behaviour.

  
  11 Jan 2017, 9:36 PM
Karamasoft is not online. Last active: 5/8/2018 10:36:45 AM Karamasoft

Top 10 Posts
Joined on 09-05-2004
Posts 6,820
Re: Carriage return when delete key pressed.
Thanks for letting us know about the steps to reproduce the behavior. However, it seems that the issue is caused by the IE browser itself not handling the Delete keypress properly in iframe element with designMode set to on. UltimateEditor doesn't do anything special on Delete keypress to turn it into any other key. If you also try the same steps in another browser such as Chrome, you can see that the issue doesn't happen. You need to use a workaround such as using the Backspace key after the line labelled '2' instead of pressing the Delete key.
  
  12 Jan 2017, 2:29 AM
weaglescv is not online. Last active: 1/20/2017 4:30:16 AM weaglescv

Top 10 Posts
Joined on 01-09-2017
Posts 6
Re: Carriage return when delete key pressed.
I have tried other html editors in IE (such as TinyMCE and CKEditor) but they have not exhibited the behaviour.
  
  12 Jan 2017, 3:49 AM
weaglescv is not online. Last active: 1/20/2017 4:30:16 AM weaglescv

Top 10 Posts
Joined on 01-09-2017
Posts 6
Re: Carriage return when delete key pressed.
It also does not behave in this way when using the markup in an content editable iframe on IE.
  
  12 Jan 2017, 10:39 PM
Karamasoft is not online. Last active: 5/8/2018 10:36:45 AM Karamasoft

Top 10 Posts
Joined on 09-05-2004
Posts 6,820
Re: Carriage return when delete key pressed.
If you open the IE browser in developer mode (F12) and check the iframe element in TinyMCE or CKEditor, you can see that they are setting the contenteditable property of the body element inside the iframe element.

UltimateEditor sets the designMode property of the document of the iframe. If you are trying to reproduce the behavior, you need to create a sample web page using this approach.

  
  20 Jan 2017, 4:30 AM
weaglescv is not online. Last active: 1/20/2017 4:30:16 AM weaglescv

Top 10 Posts
Joined on 01-09-2017
Posts 6
Re: Carriage return when delete key pressed.
Are you planning to resolve this issue or should we look at other options?
  
  20 Jan 2017, 7:38 PM
Karamasoft is not online. Last active: 5/8/2018 10:36:45 AM Karamasoft

Top 10 Posts
Joined on 09-05-2004
Posts 6,820
Re: Carriage return when delete key pressed.
As we explained in our previous posts, this issue is not caused by UltimateEditor itself, however, if IE provides a fix to resolve the issue for the way they handle delete key press we will let you know.
  
 Page 1 of 1 (11 items)
Karamasoft Support Forums » General Discussions » UltimateEditor » Re: Carriage return when delete key pressed.

You can add attachments
You can post new topics
You can reply to topics
You can delete your posts
You can edit your posts
You can create polls
You can vote in polls
Forum statistics are enabled
Forum is unmoderated

© 2002-2018 Karamasoft LLC. All rights reserved.