Custom Query

Right-click in a table, use arrow keys to select a specific menu entry and press enter.

Expected: menu entry is activated Actual: nothing happens

1. Load the editor with the following content and selection:

   <p>
   	This is <span style="background-color: rgb(255, 0, 0);">some [sample] text</span>. </p>
   
   

2. Open background color panel and apply the 'auto' color to selection;

• Actual Result:

  <p>
  	This is <span style="">some </span>sample<span style=""> text</span>.</p>
  

• Expected Result:

  <p>
  	This is <span style="background-color: rgb(255, 0, 0);">some </span>sample<span style="background-color: rgb(255, 0, 0);"> text</span>.</p>
  

1. Load the editor with following content:

   <table style="width: 500px;">
   	<tbody>
   		<tr>
   			<td>
   				&nbsp;</td>
   		</tr>
   		<tr>
   			<td>
   				&nbsp;</td>
   			<td>
   				cursor here</td>
   		</tr>
   		<tr>
   			<td>
   				&nbsp;</td>
   			<td>
   				&nbsp;</td>
   		</tr>
   	</tbody>
   </table>
   

2. Place cursor in the last cell of the second row;
3. Insert column after/before

• Actual Result: Table remains unchanged. (Edit: fixed ~3.5.3)

1. Insert row after/before

• Actual Result: Row inserted with only one cell.

1. Prepare the editor with the following configuration, to avoid nested font family style:

   config.font_style =
   	{
   		element		: 'span',
   		styles		: { 'font-family' : '#(family)' },
   		overrides	: [ { element : 'span', styles : { 'font-family' : null } } ]
   	};
   
   

2. Load the the following content and selection:

   <span style="font-family:lucida sans unicode,lucida grande,sans-serif;">some [sample] text</span>
   

3. Open font name combo and click on "Aria";

• Actual Result:

  <p>
  	<span style="font-family:lucida sans unicode,lucida grande,sans-serif;">some <span style="font-family:arial,helvetica,sans-serif;">sample</span> text</span></p>
  

• Expected Result:

  <p>
  	<span style="font-family:lucida sans unicode,lucida grande,sans-serif;">some </span><span style="font-family:arial,helvetica,sans-serif;">sample</span><span style="font-family:lucida sans unicode,lucida grande,sans-serif;"> text</span></p>
  

1. Open sample page
2. Select sample text and apply "blue heading" to it.
3. Delete whole text
4. Press backspace button few more times to remove formatting
5. Start typing.

Result:
Firefox and Webkit- Path is showing “body h3” but the typed letters are small. If you change to source view you will see that there is no “h3” only “p”. This hasn't worked form CKEditor 3.5.3 rev [6586].

IE and Opera – the path is not refreshed but the typed letters have the blue heading formatting. In this case formatting is simply not removed. It has always worked that way for these two browsers.

1. Open replacebycode sample
2. Put the cursor inside editing area and press Alt+F10 to activate toolbar
3. Press Space or Enter key to switch to source
4. Press Space or Enter once more

Result: If you press Enter - nothing happens. If you press Space - browser scrolls down.

It looks like the toolbar is loosing focus. To switch back to wysiwyg you have to press tab, alt+F10 and Space or Enter - not very intuitive.

Reproducible in all IEs from CKEditor 3.0

• Open a sample and clear all contents.
• Type some text, hit one of the list buttons.
• Hit increase indentation.
• Hit the same list button as previously.

Expected: list is removed while margin stays attached to a p/div.
Actual: list is removed with the margin, reverting to a simple paragraph.

With JAWS opened:

1. Open link dialog;
2. Without putting anything in the URL field to trigger the invalid error;
3. Fill in the URL field, tab to the dialog buttons and shift-tab back to the input.
4. Ask JAWS to announce the field;

• Actual Result: JAWS read it as invalid text input.

I've only tested this in webkit, but it's a fairly annoying problem. After dragging text from one CKEDITOR instance to another, events are no longer fired properly on the parent window. I've attached a very simple example of this problem.

1. Click on the 'Click to test' button. It will fire an alert with the message 'Test Successful'.
2. Click the 'Click to replace' button. This will create two instances of CKEDITOR on the page.
3. Drag text from the first instance to the second instance.
4. Click on the 'Click to test' button. Nothing will happen.

In Chrome, if you repeat step 4, the message will now appear. In Safari, the button will never fire the message.

• Change enterMode to 'BR'
• Enter the following in editor:

1 2 3 4 5

• Highlight all then change font and change font size
• Highlight only 3,4,5 then click on the unordered list

Notice that the bullets are not properly generated.

With

config.enterMode = CKEDITOR.ENTER_BR

CKEditor creates paragraphs when inserting page break / horizontal line.

Result after inserting page break between two lines:

<p>
	first line</p>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<p>
	<br />
	second line</p>

and after inserting a horizontal line:

first line
<hr />
<p>
	<br />
	second line</p>

I have found some strange behaviour while pasting text marked as <sub>, under IE's

TC

• open editor
• Enter some text
• enable Subscript and enter some text
• select and copy text with subscript enabled
• press right cursor key or "End" on keyboard
• paste text
• press "End" again and paste

Actual

Under IE8 quirks:

<p>
	test<sub>test<sub><font size="1">test<sub><font size="1">test<sub><font size="1">test<sub><font size="1">test</font></sub></font></sub></font></sub></font></sub></sub></p>

Under IE6/7

<p>
	test<sub>test<sub>test<sub>test</sub></sub></sub></p>

Under Opera

<p>
	test<sub>test</sub><sub>test</sub><sub>test</sub><sub>test</sub></p>

Expected

Cursor keys should not influence pasting, and pasted subscript should be in one line, as in Opera. Perhaps additional </sub><sub> should also be removed?

Environment

IE 8Quirks, IE7, IE6

TC

• open editor
• insert form element
• insert text area and some "normal" buttons
• insert Image button with selected float: right

Expected

Image button is placed inside Form frame. (like in Opera 11.11)

Actual

Image button is placed below form.

Sample code:

<form action="send" enctype="multipart/form-data" id="1" method="post" name="Form1" target="_self">
	<textarea cols="30" name="Test text area" rows="5"></textarea><input name="Button 1" type="button" value="Button1" /><input name="Send" type="submit" value="send" /><input alt="test" src="google.com" style="border-bottom: 1px solid; border-left: 1px solid; margin: 11px; width: 12px; float: right; height: 12px; border-top: 1px solid; border-right: 1px solid" type="image" />&nbsp;</form>
<p>
	&nbsp;</p>

Environment

IE6/7, Opera

TC

1. create table with header row and split one header cell vertically

sample code:

<table align="center" border="1" cellpadding="1" cellspacing="1" style="width: 50%; height: 40px" summary="Summary">
	<caption>
		Caption</caption>
	<thead>
		<tr>
			<th rowspan="2" scope="col">
				Header1</th>
			<th scope="col">
				Header2</th>
		</tr>
		<tr>
			<th scope="col">
				Split header2^</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>
				&nbsp;</td>
			<td>
				&nbsp;</td>
		</tr>
		<tr>
			<td>
				&nbsp;</td>
			<td>
				&nbsp;</td>
		</tr>
	</tbody>
</table>
<p>
	&nbsp;</p>

1. Set caret in Split header2^
2. select from menu Column -> Insert column before

Expected result

Column is inserted between two existing columns

Actual

Column is inserted as first column in table, and before existing two columns

Same thing happens when Insert column after is used.

Table dialog caption field doesn't allow multiple consequent whitespaces to be inserted, they will collapse into one single.

Environment

Found under Opera, also happens under IE

TC

• open image dialog
• fill all atributes on all tabs and press OK (or paste example code)

Image with link should be added

<p>
	<a href="http://dev.ckeditor.com/chrome/site/logo-ckeditor-dev.png" target="_blank"><img alt="ckeditor logo" class="test" dir="rtl" id="2" lang="pl" longdesc="http://dev.ckeditor.com/" src="http://dev.ckeditor.com/chrome/site/logo-ckeditor-dev.png" style="border-right: 11px solid; border-top: 11px solid; float: left; margin: 11px; border-left: 11px solid; width: 214px; border-bottom: 11px solid; height: 59px" title="test1" /></a></p>

• in WYSIWYG select image and copy to clipboard
• paste selected image, back into editor.

Expected

Copied image == pasted

Actual

Pasted image has no link attribute

</a><img alt="ckeditor logo" class="test" dir="rtl" id="2" lang="pl" longdesc="http://dev.ckeditor.com/" src="http://dev.ckeditor.com/chrome/site/logo-ckeditor-dev.png" style="border-right: 11px solid; border-top: 11px solid; float: left; margin: 11px; border-left: 11px solid; width: 214px; border-bottom: 11px solid; height: 59px" title="test1" />

1. Open Ajax sample
2. Type "test"
3. Select text with a mouse. It is important to select it from right to left. You can start from second "t" or from "s" or "e" but it is important to stop some distance behind first "t".

Result: In FF and Opera the buttons Copy/Cut don't get enabled. When you select text from left to right or stop in the middle of the word then these buttons are enabled.

In Webkit these buttons are never enabled (maybe this is due to security settings - didn't dig into it).

Of course after selection from right to left, copying/cutting text using CRTL+C/CRTL+X works. What is more even if those buttons were enabled you could not copy/cut text with them because of default security settings in your browser. Probably in most cases this would be just a visual change.

Affects IEs < 9:

Steps to reproduce:

1. Go to ckeditor.com/demo
2. Open a javascript console and execute, 'CKEDITOR.instances.editor1.resize(50);'

The height value that is assigned becomes 'NaNpx' which is an invalid argument. Likely this has to due with line 345 in theme.js.

345 - contents.setStyle( 'height', Math.max( height - delta, 0 ) + 'px' );

In this case since height is undefined, Math.max(undefined - delta,0) returns NaN. NaN + 'px' = 'NaNpx'. Other browsers must handle this error more gracefully than IE. A simple conditional statement should fix this problem.

344 - if(height) {
345 - contents.setStyle( 'height', Math.max( height - delta, 0 ) + 'px' );
346 - }

The documentation for this method states...

{Number|String} width The new width. It can be an pixels integer or a CSS size value.
{Number|String} height The new height. It can be an pixels integer or a CSS size value.

The method unfortunately only accepts a number parameter however. Resize calls the method setSize, here is the setSize method:

CKEDITOR.dom.element.prototype.setSize = function( type, size, isBorderBox )

{

if ( typeof size == 'number' ) {

if ( isBorderBox && !( CKEDITOR.env.ie && CKEDITOR.env.quirks ) )

size -= marginAndPaddingSize.call( this, type );

this.setStyle( type, size + 'px' );

}

};

As you can see, it only accepts a number as it's parameter.

When focus is set in legend of a fieldset, and then mode is switched to source and back, additional </BR> is added to fieldset.

Environment

linked with #6804 , Firefox 4/5b

TC

1. Paste following code into editor

   <fieldset> <legend>caption</legend> <p>keep going, CKeditor!</p> </fieldset>
   

2. Switch mode to WYSIWYG
3. Set caret in "caption"
4. Switch to source
5. Repeat steps 2-4, two times

Actual result

Additional </br> added

<fieldset>
	<legend>caption</legend><br />
	<br />
	<br />
	<p>
		keep going, CKeditor!</p>
</fieldset>

When we try to apply a new link to a selection that already contains an anchor, the url for the anchor does not get updated with the new url value.

To reproduce this issue:

1. Open any sample from the nightly build and enter the following in the source tab

   <p>
   	text goes here <a href="http://ckeditor.com">URL goes here</a> More text goes here</p>
   <p>
   

2. Switch back to wysiwyg mode and select all the text.
   
3. Click on the 'Link' icon and specify a url in the link dialog. Click OK.
   

Expected Result: The new URL value gets applied to the entire text including the anchor node.

Actual Result: The original anchor still has its old url value, while the new url value is applied to the text before and after it.

When deleting a row in a bulleted list CK throws a Javascript error with message 'null' is null or not an object on row.

Steps to reproduce the error:

• Open up the demo page ​http://ckeditor.com/demo
• Remove content
• Click on Insert/Remove Bulleted List
• Type some text and hit Enter, create at least two rows
• Select the first row and create a link
• Put the cursor in front of the link
• Hit Enter to create a new row
• Press up to move to the first row
• Press delete to move the content on the second row to the first row

Expected here is that the link will be moved up to the first row and merge the first and the second row. But instead the cursor is moved down to the second row. I don't know if this is a bug as well?

• Press Backspace to remove the second row (the list will be split into to lists)
• Press Backspace again and the cursor will be moved to the first row
• Press delete to move up the link to the first row
• Click on Insert/Remove Bulleted List to remove the list

The link will be removed and the Bulleted list seems to be created as it supposed but an Javascript Error will be thrown in IE. I have tried the same thing in FF 4 with no problem at all.

Sorry if its many steps but I tried to do it so easy I could.

• Add the autogrow plugin to the extraPlugins directive in config.js.
• Open the readonly sample in IE.
• Add some empty paragraphs to the contents, above or beneath the existing text.
• Hit "make it readonly".

See that the height is change and the empty paragraphs collapse.

I send the content of a form to CKEDITOR that has tags like this:

<dl>
<dt><dd>text<dd><dt> 
<dt><dd>text<dd><dt> 
<dt><dd>text<dd><dt> 
</dl> 

and as you see the <dt> tags are not closed as they should. The ckeditor cant show the content of the form mailed to this editor and make a stack overflow at line: 26. Is there any way to fix it?

Regards

Horizontal line that should be in the middle of text is at the bottom and looks like underline instead of strikethrough.

Way to reproduce:

1. input some text
2. change the font size of provided text to 72
3. choose 'strikethrough' option from toolbar

Right now the built-in spell checker sends the content entered by user using GET requests (at least after clicking "Finish checking"). It is causing problems for some companies, where security filters block certain URLs with specific keywords.

It would be nice to at least make it configurable (to allow user to choose POST instead of default GET for such requests), if not simply switch to POST by default.

Note that sending POST requets instead of GET would also allow spellchecker to split content into larger chunks. This is causing serious performance issues, as explained in #6119.

Sample URL:

/ckeditor/plugins/wsc/dialogs/ciframe.html?id=58745&cmd=part&data=g!2520teeth!2520you!2520have!2521!2526quot!253B!253Cbr!2520/!253E!250D!250A!2509To!2520which!2520the!2520wolf!2520replies!252C!2520!2526quot!253BThe!2520better!2520to!2520eat!2520you!2520with!252C!2526quot!253B!2520and!2520swallows!2520her!2520whole!252C!2520too.!253C/p!253E!250D!250A!253Cp!253E!250D!250A!2509A!2520!253Ca!2520href!253D!2522http!253Aen.wikipedia.org/wiki/Hunter!2522!2520title!253D!2522Hunter!2522!253Ehunter!253C/a!253E!252C!2520however!252C!2520comes!2520to!2520the!2520rescue!2520and!2520cuts!2520the!2520wolf!2520open.!2520Little!2520Red!2520Riding!2520Hood!2520and!2520her!2520grandmother!2520emerge!2520unharmed.!2520They!2520fill!2520the!2520wolf!2526!252339!253Bs!2520body!2520with!2520heavy!2520stones!252C!2520which!2520drown!2520him!2520when!2520he!2520falls!2520into!2520a!2520well.!2520Other!2520versions!2520of!2520the!2520story!2520have!2520had!2520the!2520grandmother!2520shut!2520in!2520the!2520closet!2520instead!2520of!2520eaten!252C!2520and!2520some!2520have!2520Little!2520Red!2520Riding!2520Hood!2520saved!2520by!2520the!2520hunter!2520as!2520the!2520wolf!2520advances!2520on!2520her!2520rather!2520than!2520after!2520she!2520is!2520eaten.!253C/p!253E!250D!250A!253Cp!253E!250D!250A!2509The!2520tale!2520makes!2520the!2520clearest!2520contrast!2520between!2520the!2520safe!2520world!2520of!2520the!2520village!2520and!2520the!2520dangers!2520of!2520the!2520!253Ca!2520href!253D!2522http

Inline CSS is not working there are comments inside <style> tags.

How to reproduce:

1) Open ckeditor and switch to source code editor.

2) Paste the following html:

<html>
<head>
    <style type="text/css">
<!--
    .big {
         font-size: 30px;
    }
-->
    </style>
</head>
<body>
    <p class="big">
    Example
    </p>
</body>
</html>

3) Switch back to Wysiwyg editor. "Example" text will be small.

If you try with:

<html>
<head>
    <style type="text/css">
    .big {
         font-size: 30px;
    }
    </style>
</head>
<body>
    <p class="big">
    Example
    </p>
</body>
</html>

It works ok.

I am using the CKEditor widget in a framework that does custom "flexing". This works by shrinking all the "flexing" nodes and then setting their heights programmatically.

The fix applied for ​http://dev.ckeditor.com/ticket/5956 causes a race condition whereby if the flexing all occurs within 1 second then the ckeditor widget gets its display set to none.

To workaround this bug we are setting a timeout of 1200 to clear the display and "reflexing" our ckeditor node.

Note that no errors are caused in firefox if that fix is removed and the node has an offsetheight of 0.

So can either the fix be removed, made configurable or be tied more specifically to the display settings that cause the errors in firefox.

This issue was found when checking #7984

If you set config.fullPage = true; open autogrow sample and paste the below code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title></title>
	</head>
	<body>
		<p>
			This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p>
	</body>
</html>

You will see that when pressing Enter new paragraphs are created and editor is enlarged. If on the other hand you delete those paragraphs, you have created, you will that editor doesn't get back to its smaller size.

Reproducible in Webkit quirks-mode from CKEditor 3.4

Start with an empty page. Create a heading, a text paragraph, and another heading. Source code should look like this:

<h1>heading</h1>
<p>text</p>
<h1>heading2</h1>

Now select the text paragraph (select the whole line from left to right). Then start typing.

Outcome: The text is replaced, the heading is converted to text and moved next to the cursor

Expected outcome: the text is replaced, the heading below remains a heading (in its own line)

Found in IE8, found to work correctly in FF and IE6. Other browsers not tested.

To reproduce the defect:

Copy the list from attached word doc and paste in to editor.

keep cursor at end of first list item and press Enter.

Expected Result: A new list item is created and numbers for each list item are changed accordingly.

Actual Result: A new list item is created but numbers in the list item are not changed accordingly and when we press enter next to each pasted list item it is creating a separate list.

Hi,

We have bought CKEditor last year and now wants to upgrade.

My developer has tested the CK Editor 3.5.3.0 and found a problem that is irritating. He was not able to find its solution on your website either. Please find his text below and attached sample project related to the problem.

Developer Message: “I’ve tested the CK Editor 3.5.3.0 in my sample project. It has the problem when we use the CK Editor in the modal dialog page. The dropdowns (Format, Font and Styles) start flickering on second click. Please see the sample project developed in MS Visual Studio 2008 attached herewith the email. Please suggest the solution.”

Please let me know its solution as soon as possible so that we can decide to move forward with the upgrade.

I have a sample project too but dont know how to upload it through this interface. Please let me know if you want the sample project too and how i can send it to you.

Thanks,

Khurram Sheikh

Development Manager

Great Minds Software

Contact: 914 – 595 – 2577

This bug is similar to ​http://dev.ckeditor.com/ticket/6788.

This happens when you use CKEditor in tab elements. After hide & show CKeditor I can't move cursor with arrow buttons.

To reproduce the bug go into online demo and type the following into your javascript console:

$('.demoInside').hide();
$('.demoInside').show();

Place your cursor and try to move left / right using the arrow keys.

Firefox 5 (Win7)

I am seeing this in, at least, IE8 and FF3.6

1. Enable ENTER_BR mode
2. Type a few chars (or not, doesn't matter)
3. Press "Enter" two times.
4. Press "Align Left" or "Align Center" or "Align Right"

Note that the cursor jumps up one space, causing the loss of one of the newlines.

The cursor should not jump when an alignment button is used.

it's an IE only issue. (i'm using IE8) It works in ff and chrome.

1.create a table 2.create a sub-table in a blank cell

you cannot input text in the cell any more. No space between the cell and subtable.

TC 1

1. Create a link from toolbar
2. Press End to go to the end of the link.
3. ElementsPath is showing that you are still inside of the link
4. Type a few letters

Result: Letters are typed as plain text

This TC is reproducible in Opera and Webkit browsers from CKEditor 3.5.1.
Until CKE 3.5 ElementsPath was showing link and first typed letter was continuation of this link. Rest of the letters were typed as plain text.

IE and Firefox work fine in this case. They don’t show that you are inside of the link and letters are typed as plain text.

TC2

1. Type a line of text - few words ended with a link.
2. Using mouse, place the cursor inside of plain-text word.
3. Using mouse again place the cursor at the end of the line – behind the link

ElementsPath is showing that you are inside of the link but the letters typed are plain-text.

This is reproducible in IE, Webkit and Opera from CKEditor 3.0

Firefox is the only browser which works correct in this case.

To reproduce the defect:

1. Open language sample and change language to Arabic or Hebrew and open Special Character dialog.

2. Hover your mouse over the icons in last row(Arrows & diamond)

Issue: Preview box shows blank rectangle instead of correct character.

Every single time I select some text, it becomes unlselected when using the paragraph formatting dropdown, changing text to a link, etc.

Firefox 3.6.17, 3.6.18 on CKEditor version: 3.54. CKEditor 3.5.4 (revision 6899)

Here is a demo showing you how link button is breaking: ​http://screencast.com/t/lvyePQDI9A

Here is a demo showing you how the paragraph formatting dropdown is breaking: ​http://screencast.com/t/wBo3O7aoj

You will see this is an exact replica of the issue here: ​http://dev.ckeditor.com/ticket/5780. I was told to create a new ticket for this issue.

Steps to reproduce

• Add to the _samples folder file named test.html

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  	<title>CKEditor Samples</title>
  	<meta content="text/html; charset=utf-8" http-equiv="content-type" />
  </head>
  <body>
  <iframe src="replacebycode.html" width="900" height="600"></iframe>
  </body>
  </html>
  

• remove doctype from replacebycode.html
• open test.html

The result can be seen on the attached screenshot.

For some reason, the popup plugin makes it possible to open just winows 640x420 or larger. These defaults cannot be overridden in any way (other than editing the ckeditor.js file but that's a VERY dirty solution (and I'll have to do it whenever I want to upgrade editor). Could this be changed (or at least made adjustable in the config file)?

Empty paragraphs (<p></p><p>&nbsp;</p>) cannot be accessed and edited and are not even visible in IE8. config.fillEmptyBlocks has no effect on this behavior. FF/Chrome work just the way they are expected to.

This ticket was first reported in forum ​http://cksource.com/forums/viewtopic.php?f=11&t=22912

To reproduce:

1. Open api sample and clean CKEditor contents
2. Press bold button and type Testing statement
3. Place cursor here Testing s^tatement
4. In insertHTML text-area paste <p>sample to be inserted by insertHTMl</p> and press 'Insert HTML'. Result should be as in finding2.JPG.
5. Select using a mouse word 'statement' and what was pasted between it. See finding3.JPG.
6. Press CRTL+B one or two times.

If you press CRTL+B two times it will cause JS error in IE8 and IE9:
IE8 yields:
Message: 'null' is empty or not an object
Line: 63
URI: /_source/core/dom/walker.js

IE9 yields:
Message: Can't get property „getParent”: Object is null or undefined
Line: 1568
URI: /_source/core/dom/range.js

This is reproducible from CKE 3.4. Before 3.4 there was no error but unbolding was weird. Some parts of text were duplicated

If you press CRTL+B once than in IE6 and IE7, the phrase 'sample to be inserted by insertHTML' gets unboladed and jumps up.

This is reproducible form CKE 3.6.1 rev [6919]. Before this revision JS error was thrown.

Issue found when reproducing #7635

1. Open replacebycode sample page
2. Paste the following code

   var doScroll = function(collapseToStart) {
    var e = CKEDITOR.instances.editor1;
    var d = e.document;
    var r = new CKEDITOR.dom.range(d);
    r.selectNodeContents(d.getBody());
    r.collapse(collapseToStart);
    r.select();
    e.focus();
    e.getSelection().scrollIntoView();
   };
   var scrollToTop = function() { doScroll(true); };
   var scrollToBottom = function() { doScroll(false); };
   				
   setTimeout(scrollToBottom, 2000);
   setTimeout(scrollToTop, 3000);
   setTimeout(scrollToBottom, 4000);
   

3. Open page in Webkit

Result: You will see that editor only scrolls down once when it has no focus. If it has focus it scrolls down-up-down.

Now add extra setTimeout function

setTimeout(scrollToTop, 1500);
setTimeout(scrollToBottom, 2000);
setTimeout(scrollToTop, 3000);
setTimeout(scrollToBottom, 4000);

If editor has no focus it scrolls down-up-down. If it has focus it scrolls up-down-up-down.

If there would be only one setTimeout function, you wouldn’t see any scrolling.

Webkit uses first function call to gain focus.

Environment

Win7 ie9, ie10platform preview, CKEditor Nightly build r7095

TC

• open any sample
• clear content
• Press form element -> rafio button
• fill all fields and check "enabled"
• press OK

Expected

Radio button is added to edit area, with Enabled status

Actual

Radio button is added, _wisually_ it is set to enabled,

• but after double click on it, status Enabled is not set in dialog window,
• switch to source mode:

  <p>
  	<input name="1" type="radio" value="1" /></p>
  

It works fine under IE8 and Chrome

Environment

Related to #6111

TC

• Open editor and insert table:

  <table border="1" cellpadding="1" cellspacing="1" style="width: 500px;">
  	<tbody>
  		<tr>
  			<td colspan="2" dir="rtl">
  				<strong>1</strong></td>
  			<td colspan="2">
  				<strong>2</strong></td>
  		</tr>
  		<tr>
  			<td>
  				<strong>3</strong></td>
  			<td>
  				podział poziomy ltr</td>
  			<td dir="rtl">
  				<strong><u>4</u></strong></td>
  			<td dir="rtl">
  				podział poziomy rtl</td>
  		</tr>
  		<tr>
  			<td colspan="2" dir="rtl" rowspan="3">
  				<strong>5</strong></td>
  			<td colspan="2">
  				<strong>6</strong></td>
  		</tr>
  		<tr>
  			<td colspan="2">
  				podział pionowy ltr</td>
  		</tr>
  	</tbody>
  </table>
  <p>
  	&nbsp;</p>
  

• Switch to wysiwyg, and set cursor in cell with no. 1
• from context menu select Cell - split vertically.

Actual result

<table border="1" cellpadding="1" cellspacing="1" style="width: 500px;">
	<tbody>
		<tr>
			<td colspan="2" dir="rtl">
				<strong>1</strong></td>
			<td colspan="2" rowspan="3">
				<strong>2</strong></td>
		</tr>
		<tr>
			<td colspan="2" dir="rtl">
				podział pionowy rtl</td>
		</tr>
		<tr>
			<td>
				<strong>3</strong></td>
			<td>
				podział poziomy ltr</td>
			<td dir="rtl">
				<strong><u>4</u></strong></td>
			<td dir="rtl">
				podział poziomy rtl</td>
		</tr>
		<tr>
			<td colspan="2" dir="rtl" rowspan="3">
				<strong>5</strong></td>
			<td colspan="2">
				<strong>6</strong></td>
		</tr>
		<tr>
			<td colspan="2">
				podział pionowy ltr</td>
		</tr>
	</tbody>
</table>
<p>
	&nbsp;</p>

Bug found when reproducing #6775

1. In config.js set RTL language like 'he'.
2. Open link dialog and move it to the right
3. When you reach the border of browser/view pane, move the dialog to the left and bottom

Result: Dialog contents goes out of dialog borders See screenshots.

Reproducible from CKE 3.5.3

Environment: CK Editor 5.3.1 FireFox 3.5

Steps:

1. Create MS-Word doc consisting of text box containing some text in it
2. Copy the text from that doc including the text box.
3. Paste the text in ck editor.

Actual Result: The text does not display correctly in the editor.

In the demo or nightly demo, go into source view, delete existing HTML, and paste in the following:

<table> <tr> <td> Left cell</td> <td> <p>First paragraph.</p> <p>Second paragraph, with an empty link tag in it <link />.</p> <p>Third paragraph.</p> </td> <td>Right cell</td> </tr> </table>

Switch to WYSIWYG view. The table, row, and cells are gone, as is the content for the left cell and the first 2 paragraphs of the center cell. I've gotten this result on the latest versions of Opera, Firefox, Chrome, IE, and Safari (all on Windows).

This is skeleton HTML for what we've seen from several of our clients. The empty <link /> tag is the problem - everything is fine if you remove that. I know that shouldn't be there but we have clients who are getting it by copying and pasting content from web pages that already have it in them. One source of this content was Up!CMS. Browsers correctly handle the empty link tag, but CKEditor goes a bit nuts with it.

I have a custom dialog where I have select UI element with attribute multiple set to 'multiple'. Now there is no way (or any documentation) to retrieve all (multiple) selected values of this 'Select' element. Please let me know how to retrieve the multiple selected values of 'Select'.

For example :

type:'select', id:'selected_attr', label:'Attribute', multiple:'multiple', style:'width:220px', items:loadAttributes()

var selectObj = this.getContentElement('info','selected_attr');

selectObj.getValue() is returning me always the first selected item, but not all selected values.

I added the following to my config.js file:

config.smiley_path='/images/emoticons/';

config.smiley_images=['smiley.gif','teeth.gif','greed.gif','laugh.gif','wink.gif'];

config.smiley_descriptions=[':)',':D','$$-)',':lol:',';)'];

Everything shows up correctly in the Insert a Smiley dialog box, and when I click one the image is inserted, but if I click to view "Source" or try to submit the form I get the following error:

TypeError: Result of expression 'C' [undefined] is not an object.

I've tried it on Safari and Firefox using the nightly build, and it does the same thing.

The summary says it all. Position the cursor on the first letter of a misspelled word (with spell-checking turned on), hit delete, and the entire word gets deleted.

This behavior occurs in Chrome (version 12.0.742.122). IE 9, Firefox, and Safari.

To reproduce the defect:

1. Type some paragraphs of text and insert a link using link dialog.

2. Keep cursor inside the link and click on Unlink icon or open context menu menu and click on Unlink option.

3. Link inserted in step 1 is removed and cursor stays at the same paragraph where we have the link before.

4. Press Undo icon in the Tool bar or use Ctrl + Z

Expected Result: Link that was removed comes back and cursor stays inside the link.

Actual Result: Link that was removed comes back but cursor moves to start of document in editor body.

This will be huge inconvenience to the user if document has large number of paragraphs.

1. Paste in the following code:

   <p>
   	This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p>
   <table border="1" cellpadding="1" cellspacing="1" style="width: 500px;">
   	<caption>
   		this is table</caption>
   	<tbody>
   		<tr>
   			<td>
   				&nbsp;</td>
   			<td>
   				&nbsp;</td>
   		</tr>
   		<tr>
   			<td>
   				&nbsp;</td>
   			<td>
   				&nbsp;</td>
   		</tr>
   		<tr>
   			<td>
   				&nbsp;</td>
   			<td>
   				&nbsp;</td>
   		</tr>
   	</tbody>
   </table>
   <p>
   	This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</p>
   

2. Place the cursor inside the table and try to move it with arrows to reach the caption.

Result: It is impossible to reach the caption with arrow keys but t is possible using mouse.

1. Open replacebycode sample and clean editor contents
2. Type 'wwwwwwwwwwwwwwwwwww' or similar
3. Select whole text with a mouse
4. Set "heading 2" and font-size 14 using toolbar buttons
5. Press CRTL+C
6. The text should still selected so press right arrow to go to the end of text
7. Press Enter
8. Press CRTL+V few times (6-7 will do) or CRTL+V and Enter if cursor doesn't move to new line automatically after paste.
9. Select whole text with CRTL+A
10. Now toggle with "Align Right" and "Align Left"

Result: Empty paragraphs are inserted between lines of text.

Issue is reproducible in IE8 and IE9 from CKE 3.0

1. Place 1111.html file in samples folder.
2. Open file in a browser
3. Click inside editor and start typing (type two words, you have got 5 seconds:))
4. After editor reappears, cursor appears at the beginning of typed text but If start typing without changing cursor location old text jumps one line down, so that you have two lines of text in two paragraphs.

This issue has been reproducible in Firefox5 from CKE 3.3.1

1. Open ajax sample and paste the following code:

   <p>
   	This is some sample text. You are using CKEditor.</p>
   <p>
   	This is some sample text. You are using CKEditor.</p>
   

2. Select whole first line and apply (using Toolbar buttons): green "Text Color", yellow "Background Color", Comic Sans MS "Font Name" and Big from "Fromatting Styles"
3. Select part of text from first line and copy it using CRTL+V
4. Place the cursor inside a second line or in new third line and paste the text using CRTL+V

Result: Only text gets copied (without styles).

Issue has been reproducible from CKE 3.1 in Webkit browsers.

When opening the color dialog, highlight (with a border?) the color of the currently selected text, if it's in the default palette. In the "More Colors" dialog, default the input box to the hex code of the active color (or bg color). If multiple colors are present in the selected text, use the first one encountered?

Sorry if this is a duplicate request, but I didn't find it in my ticket searches.

_source/plugins/listblock/plugin.js line 102

' aria-posinset="' + ++this._.size + '">',

When this line is compressed by Google's ModPageSpeed minify script, the result is:

' aria-posinset="'+++this._.size+'">',

While this is an issue with the Google tool, it is widespread and can easily be avoided if the code is changed to:

' aria-posinset="' + (++this._.size) + '">',

Please consider this suggestion.

Issue has been reproducible in Firefox and Opera 11.50 from CKEditor 3.0.

Open replace by code sample and paste the following code:

<input class="text" disabled="disabled" maxlength="220" name="abc"
type="text" />

Try to open textfield properties dialog.

In Firefox browsers it is impossible neither with right-click menu nor with double-click.

In Opera only right-click menu works.

To reproduce the defect:

Open Language sample and change language to Arabic or Hebrew.

Open Accessibility Instructions dialog by pressing Alt + 0.

Look for the Toolbar Collapse command it will still show ALT+SUBTRACT

As far as client side resources are concerned, a Django 1.3 project can describe two important context variables :

1. STATIC_URL : This is where we access all files that aren't generated by server side logic and are required by the interface clientside logic or appearance.

2. MEDIA_URL This is where all resources for client side usage that were uploaded by users is accessed.

keeping site theme files separate from user uploads means we can host them from different domains (usually subdomains of the root)

something.org static.something.org files.something.org

So now onto the problem I'm having with CKEditor :

I define my STATIC_URL and MEDIA_URL like so :

something.org files.something.org static.something.org

What this does for me is reduce the amount of HTTPS <> HTTP wrangling behind the scenes.

However, CKeditor fails to load for me becuase you're codebase assumes the BASE_PATH for ckeditor will explicitly be prefixed by a protocol. Sure i can change the STATIC_URL and MEDIA_URL to :

​http://something.org ​http://files.something.org ​http://static.something.org

but now keeping the site secure and preventing session cookie bleed-over is a great deal more difficult.

tl;dr : Don't make assumptions about the URL from which you load ckeditor.

Please see comment:5 for short description of problem that user is getting in editor.

Using CKEDITOR.style.applyToRange to re-apply styles is not cleaning up inner duplicated styles.

For example, when applying the <b> style on the following selection:

<b>this [is</b> some] sample text

Results on this:

<b>this <b>is</b> some</b> sample text

While the expected is this:

<b>this is some</b> sample text

I'll add a TC for this.

This patch adds support for css-classes for ckeditor 3.6.1 and 3.6.2

I attached a patch and the whole file.

If a tag matches an item in the protectedSource regular expression and it is the only content, then it is removed when switching to WYSIWYG mode and back to Source mode.

Steps to reproduce:

1. Create a CKEditor using the following configuration:

   var config = {
                   protectedSource: [/<photo[0-9]+>/gi],
                   startupMode: 'source'
               };
   

2. Enter the text <photo1> into CKEditor.
3. Click the "Source" button to switch to WYSIWYG mode and click "Source" again to switch back to source mode

Expected Result:

1. CKEditor contains the content <photo1>

Actual Result:

1. CKEditor content is empty

CKEditor toolbar becomes invisible when using Tab key and the Maximize toolbar button. Please follow the steps in the attached filed to reproduce the issue. This bug also happen in the CKEditor demo site of 3.6.1 version and nightly build.

Steps to reproduce

1. Goto ckeditor.com/demo
2. Create three lines with the word, 'Item'
3. Select the lines and turn them in to an unordered list
4. Move to the first item, and press enter to create a new empty item.
5. Left click to place your cursor in the empty bullet.
6. Right click on the empty bullet and paste.

What's expected? The text is pasted in to the empty bullet

What happens?

In FF4/5 The bullet gets deleted and a new paragraph is created with the text.

In IE9 The text is pasted at the end of the content.

To reproduce the defect:

1. Open any CK Editor sample and insert a table with default values(3 rows & 2 columns)

2. Open Context menu inside a table cell and bring up the Table dialog.

Expected Result: Table dialog comes up and it shows value 3 for Rows & 2 for Columns

Actual Result: Table dialog comes up and it's not showing any values and Rows & Columns fields are completely disabled.

Currently when user wants to add new custom skin to CKFinder not only he has to create skin.js and CSS files but also add some code in ckfinder.js file - a.skins.add('myskin', (function () {... })());.
The same thing happens when user copies one of default skins folder, renames it and makes appropriate changes. Such new skin will not be visible for CKFinder if user doesn’t add this skin to the minimized ckfinder.js.

Would be nice if this code from ckfinder.js could be moved to skin.js and the only change user should do, would be change in config.js file.

This issue was reported by user Kevinelsh on our support channel – “Support question: Customizing CKFinder Skin”.

With the SCAYT spellchecker enabled in documents with lots of incorrect words slows down the ckeditor, namely with adding newlines. This can cause a long browser freeze when forwarding/replying e-mails with 'invalid' content (different language, error logs, etc), where you still want the spellchecker enabled for componsing and checking your own content.

To reproduce:

• place some lines of incorrect words, f.e.:

sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdfsdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdfsdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf

• add some newlines by pressing ENTER 5 times followed by some characters. Repeat this step shortly after doing this for a greater effect.

It takes a couple of seconds to process it, in the mean time window freezes and you can't do anything.

It seems to occur mainly in chrome. In FF en IE9 the problem is present, but less dramatic.

Tested on an Intel Core i 3.4GHz, Windows 7

Steps to recreate:

• Make a numbered list
• highlight one or several lines within the numbered list (make sure that the first or last line of the list is not highlighted)
• try to change these lines from nubered list to 'bulleted' list
• Internet Explorer will crash

(works vice versa too)

This issue only occurs until IE7.x it does not occur with other browsers or IE version higer than 8.0 For our company it is vital to use CKEdit with IE7.x as our clinical information system is not validated for IE versions higher than IE7.x

As per: ​http://docs.cksource.com/CKEditor_3.x/Developers_Guide/File_Browser_%28Uploader%29/Custom_File_Browser#Example_4

Example 4 works fine in all browsers I have tested except IE. Both IE 8 and 9 will not run the additional javascript called, returning only the URL of the image.

1. Open replacebycode sample
2. Insert anchor "This is some sample text. Yo^u are using CKEditor." inside "You" word
3. Move the cursor to the beginning of line
4. Start deleting text with DELETE

Result:
When you reach "o" in "You" word and press DELETE "o" will be deleted with anchor.

Reproducible from CKE 3.6 rev [6904] in IE8

This is a followup for #7354.

It should be possible to exit from blockquotes with the ENTER key when enterMode=BR.

Custom attributes on anchor tags are being dropped during copy/paste (Ctrl+C/Ctrl+V).

Steps to reproduce:

1. In Source mode, modify a standard link by adding a custom attribute (e.g. <a href="/index.htm" customAttribute="1">test</a>.)
2. Switch out of source mode.
3. Copy (Ctrl+C) the linked text.
4. Paste (Ctrl+V) on a new line.
5. Switch back to Source mode, and see that customAttribute="1" was not pasted.

Occurs on the demo page with the following environments:

• Browser: FF6 OS: Windows Vista, Windows 7
• Browser: FF5 OS: Mac
• Browser: FF3 OS: Windows Vista

When Maximizing, the editor toolbar go out of the viewport boundaries, making it impossible to use the editor and restore the size to use the page.

It's not possible to scroll to toolbar combos contents to reach the hidden options at the bottom of the list.

When you select a word close to the toolbar combos, the iOS selection markers and copy/paste balloon remain over the combo panel.

See screenshot.

When a toolbar combo is opened, one would expect to close it by tapping once anywhere in the editor out of it. Instead not happens. (It eventually closes)

Other than that, if you tap the combo again, the combo reopens instead of closing. The correct behavior here could be a workaround for the previous problem.

There is no way to open the editor context menu on iOS.

When SCAYT is enabled, it's not any more possible to type in the editor on iOS.

It's not possible to drag the dialogs by tapping and dragging on iOS.

On iOS, the first dialog field is not getting typing focus once the dialog gets opened.

On iOS, the editing area grows with the contents instead of presenting a scroolbar.

On iOS, the editor resizer is not draggable becoming useless.

On iOS, a nice balloon appears when tap and holding the finger on toolbar items. See attachment​.

Currently it shows the "JavaScript" text. Ideally, the button tooltip could be there, to help the user understand the command usage.

On iOS, when selecting text close to the toolbar, the system Copy/Paste balloon appears and covers toolbar items that can't be used.

Ideally, there should be a way to close it, because it is still useful.

See screenshot​.

On iOS, nothing happens when tapping on the divs on the divreplace sample.

On iOS, the tableresize plugin is not usable as it's not possible to drag the resize handles.

This problem was raised by a customer using Outlook to copy and paste content into CKEditor.

When the content is pasted (or set using the source edit mode),

we are getting a stack over flow error in IE6.

IE7,IE8 Browser stopped responding when we paste the data or set the data in source and navigate to rich text view.

This issue should be fixed in ticket #8246 which was closed so we are logging this new ticket to track the issue

To reproduce the defect:

1. In High contrast mode, open any CK Editor sample and click on Flash icon in the Tool bar to activate Flash Properties dialog.

2. When Flash dialog is opened tab through each element to see if the focus is shown properly for all the elements when we are tabbing through them

Focus not shown when we tab through Check boxes and combo boxes on Properties tab of Flash Properties dialog.

Same issue happens with check boxes and combo boxes on all dialogs ( For ex: Find,Link, Table, Image, IFrame)

This issue should be fixed in ticket #6200 which was closed so we are logging this new ticket to track the issue

On all dialogs that provide an advanced tab, the user can specify CSS styling through the Styles field. However this field is not validated when user enters inValid CSS & clicks OK. Therefore they can enter fake values and it looks to the user that they are accepted.

To reproduce:

1. Open the Table dialog.
2. On the advanced tab, if the user enters a name value pair that is not valid css (e.g. myFakeAttribute: 200px)
3. Click OK.

Expected Result: An error warning should occur indicating that the user has entered inCalid css

Problem: There is no error warning that the value entered is inValid CSS. However when the dialog is opened again, Styles field is now empty. The user has not been told that their content is invalid so they have no idea why their content has been removed. This would also occur if the user accidentally mis-spelled a CSS attribute name e.g. widtth: 100px. This is not reported as invalid, but it is removed from the Styles field on the dialog.

Is there anyway to use the same validation that removes these entries from the Styles field, to also alert the user to invalid content when they click OK on the dialog? Do you know at what point the invalid entries get removed from the Styles field? Is this something CKEditor has control over or is it due to the browser?

This issue originally reported in ticket #8124 which is fixed in 3.6.2 but the issues mentioned in ticket #8124 still exists so we are logging this new ticket to track the issue

If changes have been made to a dialog and the cancel button is pressed an annoying "Confirm Cancel" warning is displayed. It would be nice to toggle weather you want this warning or not.

The new "on cancel event" on the dialog will look like:

this.on( 'cancel', function( evt ) {
  if (!editor.config.ignoreConfirmCancel)
    iterContents( function( item ) {
      if ( item.isChanged() ) {
        if ( !confirm( editor.lang.common.confirmCancel ) )
          evt.data.hide = false;
        return true;
      }
    });
}, this, null, 0 );

The only line added is:

if (!editor.config.ignoreConfirmCancel)

which is in line 323 of the plugin.js in the dialog folder. This is just before the iterContents( function( item )... is called - thus ignoring this check if the ignoreConfirmCancel is set in the editors config.

In order to toggle the warning add the following line to the editors config:

config.ignoreConfirmCancel = true;

To reproduce the defect:

1. Open Ajax sample, click on bold icon, type some text( for ex: frederico knabben ck editor)

2. select knab in the word knabben and click on Link icon

3. Enter URL in the link dialog and click OK button.

Expected Result: Link inserted with a name knab for the letters in the word knabben

Actual Result: Link inserted at the beginning of paragraph

Only happens when we open the sample,make a selection for the first time, selection should be part of a word and text in paragraph has some styling applied(for ex; bold,italic,font name or font size)

when i do the following stpes, one of lines will be missed.

1. type: 11111111
2. press shift+enter
3. press shift+enter
4. press enter
5. type: 222222222
6. copy all content
7. paste

there are 2 lines instead of 3. . one of the line missed. . .

i am want to know what kind of logic do ckeditor deal with <br> and <p> so that i can do some work around.

reproduce as below:

1. type three lines
2. first line bold,
3. second line italic,
4. third line underline,
5. copy all of them, paste at the end of third line,
6. after several pasted, unexpected empty paragraph appeared.
7. type something in this empty paragraph,
8. after typed, try to bold, italic or underline,
9. it doesn't work and after several pressing or hotkey about bold, italic and underline.
10. javascript error shows "null" is null or not an object, line 116, char: 2337.

IE8, Windows XP sp3 Ckeditor3.6.1, javascript

To reproduce the defect:

1. Open any CK Editor sample, type some text, insert a smiley or image and click on Link icon in the tool bar to open Link dialog.

2. Enter the URL for the link and click OK button.

Expected Result: Link inserted after the smiley/Image

Actual Result: Link not inserted before the smiley/Image

1. Put focus into editor;
2. Open the "Styles" combo;
3. Without closing it, open the "Format" combo.
4. Press "Esc" to close the panel.

• Actual Result: Focus goes nowhere.
• Expected: Focus returns to editor document.

This issue was reported by Srinivas Nalla on our support channel.

TC provided by a user:

Steps to Re-Produce the Issue.

1. Place an Image Tag with wrong image name
2. Find that image missing icon is displayed in IE 8 but missing in Firefox

I have got similar but not the same result. Image missing icon was visible in CKEditor content area but not in Page preview.

At first I thought that this is a browser issue but it is reproducible from CKEditor 3.6 so it looks like an editor problem.

I've used CKEditor for various projects and was thinking it would be nice to have a "Helper" for ASP.Net WebPages (Razor).

Here's an article I found where CKEditor was implemented for ​MVC3.

It would be preferable to make it a general helper for ASP.Net WebPages rather than aimed specifically at MVC3.

Regards,

Micah