Custom Query

1. Select some Text color. Write text.
2. Select <Enter key> and select Text color as automatic.

The color is not changed to black.

Also sometimes it happens as follows:

Enter text on different lines by changing Text colors as specified in the text.

Red
Green
Orange
Blue
Brown
Automatic

When we select Automatic, it takes the color as Blue.(i.e the color which is there two lines above).

On click of automatic, I want to set the text color as black. Please provide the solution.

Having htmlParser deal with the following input:

<span><span></span>text</span>

With incorrectly yield:

text

When pressing 'Page Up' or 'Page Down', it's noticed that while the actual cursor has been moved around, the scrollbar is not following the cursor.

For the following codes

array.splice( ( length--, i-- ), 1 );

CKPackager will output into:

array.splice( length--, i--, 1 );

Hi,

When I click the image icon in CK Editor, the Image Properties

is displayed. The issue noted is:

1)The page url gets resubmitted in Firefox/3.0.15

2)An empty url gets submitted in IE7

On close of Image Properties an empty url gets submitted in IE7 and gets aborted.

This cause lot of issue as duplicate records get created and empty mails sent to the user.

I have searched google for the last two days but could not find any solution.

Any help in this regard is appreciated.

It would appear that the 3.0.1 build does not contain a very important configuration for ASP.NET (and ASP.NET MVC) - the ability to encode the HTML prior to the form submission.

ASP.NET balks at any content being submitted that contains a < and a > with the message "A potentially dangerous Request.Form value was detected from the client"

This functionality was added in #1266 in a prior release.

It is possible to circumvent the issue with setting a "ValidateInput=false" setting however this is set either at the page level or the method level. Ideally this would be as granular as the field in question but those facilities do not exist at this time.

The ideal situation would be to have CKeditor pre-encode the content before submission to the server.

Workarounds available:

• ​http://stephenwalther.com/blog/archive/2009/02/20/tip-48-ndash-disable-request-validation.aspx
• ​http://forums.asp.net/p/1235144/2239950.aspx

This issue does not occur if you don't click on the editing area before clicking on the scrollbar (e.g. switch from source to wysiwyg mode and click on a scrollbar).

Steps to reproduce:

• open ​http://ckeditor.com/demo
• copy the sample content in the editor and paste it at the bottom to have two copies in the editing area (just to have more content in the editor)
• click on the first "Little Red Riding Hood" header at the very top
• click on the scroll down arrow (or below the scrollbar)
• result: the scrollbar jumps down and up and it is impossible to scroll down.

1. use this piece of code:

<pre>Hello world!
Bla, bla, bla
</pre>

2. make two or three newlines between the first and second row
3. go to the first/second created line and type some text

The cursor jumps to the next row and the text is to be printed.

When we edit Flash property with Internet Explore, we get JavaScript error.

1. Insert Flash into CKEditor.
2. Open Flash Property Editor.
3. Submit it. We got error.

The attached is the patch to fix this propblem.

Steps to reproduce:

• Launch some tool to trace HTTP requests.
• Open http://example.com/ckeditor/_samples/replacebyclass.html (or any other page with CKEditor).
• Open image dialog.

Requested files:

• http://example.com/ckeditor/_samples/ <- this one should not be requested at all
• http://example.com/ckeditor/skins/kama/dialog.css?t=99GE
• http://example.com/ckeditor/skins/kama/images/mini.gif

Confirmed at least on IE8.

If the editor is the last component in a form and you tab out to apply focus to a button the cursor remains visible. If you enter text it will go into the editor at the cursor. If you press Enter the button, which has focus, will be pressed.

Insert an input field after the editor and before the button. Tab from the editor to the input field. The cursor is moved from the editor to the input field as normal.

When an editor instance gets created the Remove Link and Outdent buttons are enabled. When the editor first gets focus these buttons are disabled if they do not apply to the current text. The buttons should be initially disabled by default, and then, when the editor gets focus, only enabled if they apply to the current text.

reproduce: (in WYSIWYG mode)

editorObj.setData('<a href="#" x="&lt;a b=&quot;c&quot;/&gt;">a</a>')

In IE you will see: " _cke_saved_href="#">a

source code:

<a href="http://localhost/t/backend/#" x="<a b=">&quot; _cke_saved_href=&quot;#&quot;&gt;a</a>

instead of: a

source code:

<a href="#" x="&lt;a b=&quot;c&quot;/&gt;">a</a>

CKEDITOR.dom.element.createFromHtml fails to create style elements in IE. I've tested in IE6 and IE8; Safari and Firefox worked as expected.

The following code throws an error because the temp div does not contain any HTML after the call to .setHtml() in .createFromHtml():

CKEDITOR.dom.element.createFromHtml( '<style type="text/css">p { color: green; }</style>');

1. Load the following HTML:

<p><input type="checkbox" value="My Value" /></p>

2. With IE, right-click the checkbox and open the properties dialog.
3. Delete the value field and confirm the dialog.
4. Go to source.

The "value" attribute should disappear, but it's still there, with the original value.

It works well when changing the value instead.

(sorry for my english level)

Using IE8 ,in the window for create link, if i paste "​http://www.google.com" with right click mouse, and i valid with mouse. The link src contain two "​http://"

hi,

when a paragraph ends in an html comment, hitting the enter key with the cursor positioned at the end of this paragraph (to create a new paragraph) throws an error "t.getName is not a function" (line 29 ckeditor.js).

<p>Any old para.<!-- any old comment --></p>

Windows Vista SP2 FF 3.5.5

Currently, it's not possible to replace HTML comments with fake elements. We should provide support for it.

The clipboard plugin requires the dialog plugin, but does not list it as a dependency.

Use IE8 with compatibility mode off.

1. Open the Ajax sample and click the "Create Editor" button.
2. Tab into the editor content area.
3. Click the Numbered List button to start a list (leave it empty).
4. Select a font size.
5. Select a font family.

Observe that the font size field resets to "Size"

Environment

WinXP, affected all IE versions, with the following config:

config.docType = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';

Reproducing Procedures

1. Open a sample page with contents long enough to appear the scrollbar.
2. Put cursor at the beginning of document and press 'PageDown' key.

• Actual Result: Though the selection is changed, the scrollbar is not moved a bit at all.
• Expected Result: The cursor's scrolling into the desired position.

It happens on IE and FF. Chrome seems to work fine. It seems to happen when the breadcrumb points 'body strong', and NOT happen when 'body p strong'.

steps to reproduce

• Edit config.js to enable ENTER_BR mode.

  config.enterMode = CKEDITOR.ENTER_BR;
  

• Open any sample page.
• Goto source mode, and remove all texts.
• Back to WYSIWYG mode, type some text.
• Click B/I/U icon from toolbar.
• Click Table icon from toolbar.
• Press OK.
• Then, javascript error occurs at elements.js(l.201), and typed text will cleared.
  • Error says: 'this.$ is null or not an object' (translated)

As the title says. CKLangTool does not recognize properly entries in single quotes, like for example:

	colors :
	{
		'000' : 'Schwarz',
		'800000' : 'Kastanienbraun',
		'8B4513' : 'Braun',
		'2F4F4F' : 'Dunkles Schiefergrau',
		'008080' : 'Blaugrün',
	...

such entries are replaced with english words.

This issue will be fixed in #3698, because a new way of loading/parsing files will be introduced there.

1. Load the following HTML:

<p>Top</p>
<table align="left" border="1" style="width: 200px">
	<tr>
		<td>Test</td>
	</tr>
</table>
<p>Bottom</p>

2. Click to put the caret in the "Top" paragraph.

3. Click at the white-space at the right of the table.

An empty paragraph will be appended after the table.

This issue doesn't happen if the "align" attribute is not issue. The same problem can be verified when the alignment is to the right.

This issue can be easily verified in our online demo.

Load for example the upload tab in the image dialog, the "send to server" button is at the right side in Safari and Chrome.

This is due to the float:right rule added in #3639

I don't know the order in Linux, but in Windows the order of buttons is OK - Cancel, like CKEditor does right now, but in Mac it's the revere: Cancel - OK

This is defined in the defaultDialogDefinition private object of the dialog plugin, but it's impossible to change it from a plugin, just changing the definition to

	var defaultDialogDefinition =
	{
		resizable : CKEDITOR.DIALOG_RESIZE_NONE,
		minWidth : 600,
		minHeight : 400,
		buttons : CKEDITOR.env.mac ? [ CKEDITOR.dialog.cancelButton, CKEDITOR.dialog.okButton ] : [ CKEDITOR.dialog.okButton, CKEDITOR.dialog.cancelButton ]
	};

is enough.

Hi,

When looking at code view in an editor instance in IE8, the scrollbar will be reset to the top of the text when clicking outside of the editor.

(You'll have scroll a bit down to reproduce the problem.)

This is the weirdest bug i've seen in a while:

In an editor instance in Internet Explorer 8, with compatibility mode disabled, when looking at 'code view' and with some :hover declaration declaren anyware in the page (that contains the editor), the scrollbar of the editor starts 'blinking' and scrolling up when hovering over and out the textarea.

The :hover declaration is the containing page could be something like

<style type="text/css">
   somethingthatisnotA:hover { color: #ABC; }
</style>

and that declaration has nothing to do with the editor at all! To reproduce this problem, please try the following

• Fire up IE8 and disable Compatibility mode
• Visit ​http://reggino.kingsquare.nl/bugreport/ckeditor/test.html
• click 'Code' and scroll down
• Mouse your mouse over and out the textarea. (there are more events that trigger this behaviour!)
• Check your scrollbar...

I managed to confirm this on FF 3.5.5. I cannot reproduce it on IE8. It happens only when <br /> is at the end of line (regardless of enterMode).

Steps to reproduce

Paste the following text in soruce mode:

TEST1&nbsp;&nbsp;&nbsp; TESTESTTEST T1<br />
TEST2&nbsp;&nbsp;&nbsp; TESTESTTEST T2<br />
TEST3&nbsp;&nbsp;&nbsp; TESTESTTEST T3<br />

• switch to WYSIWYG mode
• put the cursor after TEST2
• press shift-end, to select everything until the end of the line
• then, press enter
• the content suddenly looks like this :

TEST1    TESTESTTEST T1
TEST2
    TESTESTTEST T2
TEST3    TESTESTTEST T3

Where you would expect it to be something like :

TEST1    TESTESTTEST T1
TEST2

TEST3    TESTESTTEST T3

If the CKEDITOR.appendTo() method is called with an invalid id the exception generated will always show "[CKEDITOR.editor.appendTo] The element with id "null" was not found" instead of the proper id.

This code fixes it (still searching for proper SVN cliente for Mac):

	CKEDITOR.editor.appendTo = function( elementOrId, config )
	{
		var element = elementOrId;
		if ( typeof element != 'object' )
		{
			element = document.getElementById( elementOrId );

			if ( !element )
				throw '[CKEDITOR.editor.appendTo] The element with id "' + elementOrId + '" was not found.';
		}

		// Create the editor instance.
		return new CKEDITOR.editor( config, element, CKEDITOR.ELEMENT_MODE_APPENDTO );
	};

In ColdFusion there are already functions like:

• FileCopy
• FileDelete
• FileExists
• FileMove
• FileOpen
• ...

it is a matter of time when another FileXYZ functions will be added. In FCKeditor built-in file manager we're using "FileUpload" as a name for one function. It should be renamed to something that will definitely not interfere with other existing names.

When

<script type="text/javascript" src="ckeditor_source.js"></script>

is placed inside of the <body> tag, CKEditor doesn't load (tested on FF 3.5.5, IE8, Opera 10.. probably doesn't work in every browser).

Error in Firefox:

CKEDITOR.env is undefined
http://example.com/ckeditor_31/_source/core/loader.js
Line 165

When loading the editor sample and right-clicking directly in the editor are without putting the editor focus first, a js error is thrown.

It happens also when right-clicking the white area after the editor contents, even after placing the cursor inside the text.

The fileBrowser plugin applies its own "fileUpload" function to the onClick handler of the fileButtons, without any regards to any such handler specified in the definition of the object.

Unfortunately, the big anonymous function makes quite hard to workaround this or other improvements from a plugin.

The solution here is to change

if ( url )
{					
	element.onClick = uploadFile ;
	element.filebrowser.url = url;
...

to a wrapper that includes the previous handler:

if ( url )
{					
	var onClick = element.onClick;
	element.onClick = function( evt )
	{
		// "element" here means the definition object, so we need to find the correct
		// button to scope the event call
		var sender = evt.sender
		if ( onClick && onClick.call( sender, evt ) === false )
			return false;
		return uploadFile.call( sender, evt );
	};

	element.filebrowser.url = url;
...

Environment

WinXP, IE8 Browser Mode, IE8 Document Mode

Reproducing Procedures

1. Open one of the sample pages, load the editor with longer text that could overflow the textarea in source mode.
2. In 'Source' mode scroll the page to the bottom.
3. Mouse over the toolbar space.

• Actual Result: Scroll bar is moving top and down.

Environment

WinXP, IE8 Standards Mode.

Reproducing Procedures

1. Open 'replacebyclass' sample pages, click on 'CKEditor' to open link dialog.
2. Update the URL field with '../images/logo.gif' and click 'OK'.
3. Click on 'Preview' button.

• Actual Result: JavaScript error thrown.

Toolbar bottom height is eaten up on 3.1.x branch as in the attached screenshot.

same applies for editor height.

Consider the following scenario: page with a column having fixed width 540px and padding 20px. Developer sets CKEditor width to 500px.

Now user entering text in CKEditor wants to change editor's height. What will happen? CKEditor will automatically resize to 750px (default resize_minWidth is 750px).

Instead of forcing developers to look for resize_minWidth and setting it to lower value than width, I think we should change resize_minWidth to width automatically if width has been set and is lower than resize_minWidth.

I see the same bug with webkit described at #1272 in IE8 Standards mode also.

Reproducing Procedures

1. Open 'replacebyclass' sample pages, open 'Templates' dialog.
2. Make sure 'Replace actual contents' is checked and click on 'Strange Template' to insert it.

Environment

WinXP, IE8 Quirks Mode.

Reproducing Procedures

1. Open 'replacebyclass' sample page.
2. Right click on the 'CKEditor' link to open context menu.
3. Press 'Down' arrow key to select the menu item.

• Actual Result: The height of selection mark background is shorter than the item.

Environment

WinXP, IE quirks.

Reproducing Procedures

1. Open 'replacebyclass' sample page.
2. Press several 'Enter' key until page overflows vertically.
3. Insert a 'Page Break for Print'.

• Actual Result: The horizontal scrollbar appears even.

Reproducing Procedures

1. Open 'replacebyclass' sample page insert an default table.
2. Click inside one of the table cell and open context menu on it.
3. Click 'Cell->Delete Cells' to remove it.

• Actual Result: The cursor is not blinking at the same position agreed on all browsers, especially for some one the cursor is lost.

This is a regression bug, works in CKEditor 3.0.1.

Steps to reproduce:

• open replacebyclass sample
• select the whole first line
• change format to "Formatted"
• expected result: text is surrounded with <pre> tag
• actual result: no changes (<p> tag is still there)

Reproducing Procedures

1. Open 'replacebyclass' sample page.
2. Insert a 'Page Break for Print' and type some text then.
3. Undo once.

• Actual Result: Subsequent undos will not able to remove the fake element.

Reproducing Procedures

1. Open 'replacebyclass' sample page and load the document with the following source:

   <p>
   	<img alt="" src="http://dev.fckeditor.net/chrome/site/logos.gif" /></p>
   

2. Try to move after the image with either 'End' key or 'Arrow Right'.

• Actual Result: It's not able to put cursor after the image.

Steps to reproduce:

• paste the following code in source mode:

  <p>
  	<img align="left" alt="" height="168" hspace="10" src="http://a.cksource.com/c/1/inc/img/demo-little-red.jpg" width="120" /></p>
  

• switch to wysiwyg mode
• click on the image and open the image dialog
• change border, hspace, vspace
• click ok
• open image dialog again
• change border, hspace, vspace to some other values
• click ok
• result:

  <p>
  	<img alt="" src="http://a.cksource.com/c/1/inc/img/demo-little-red.jpg" style="border-color: initial; border-color: initial; border-color: initial; border-color: initial; border-top-width: 7px; border-right-width: 7px; border-bottom-width: 7px; border-left-width: 7px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: initial; margin-left: 8px; margin-right: 8px; margin-top: 9px; margin-bottom: 9px; float: left; width: 120px; height: 168px; " /></p>
  

• border-color: initial; is repeated a couple of times
• the number of repeats increases every time we change border/hspace/vspace properties

This bug probably has been introduced in #4246.

Problem exists at least in FF 3.5.5.

Steps to reproduce

• paste the following code in source mode:

  <p>
  	aaa</p>
  <form action="action" method="get" name="name">
  	<input checked="checked" name="dfgd" type="checkbox" value="dfgd" /></form>
  <p>
  	bbb</p>
  

• switch to wysiwyg mode
• try moving focus to the form element
• problem: although it is possible to move focus to the form element, cursor is not visible

Problem doesn't exist until we switch to source mode (if we add the checkbox element in wysiwyg mode, it is possible to move focus using a mouse, using arrow keys always doesn't work).

Confirmed in IE8.

Steps to reproduce:

• enable SCAYT
• paste the following in source mode:

  <p>
  	<strong><strong>Gdynia</strong> Warszawa Poznan Krakow </strong></p>
  

• switch to source mode and back to wysiwyg mode a couple of times
• result:

   <p>
  	<strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong><strong>Gdynia</strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong></strong> Warszawa Poznan Krakow </strong></p>
  

To Reproduce

• Open sample page with IE
• Click HR button from toolbar
• Press 'Delete' key
• Error occurs on line.210 of selection/plugin.js

This is a regression bug.

Steps to reproduce

• open any dialog (link dialog for example)
• press tab once
• click cancel button with your mouse
• result: no errors in the error console... but if you now open any dialog with the input element, you'll not be able to type there anything.

1. Load the following HTML:

   <p>asdasdasd</p>
   

2. Enable SCAYT. The "asdasdasd" text will get underlined.

3. Click in the middle of "asdasdasd".

4. Select any style, for example Bold.

5. Type text.

The style will not be applied to the typed text.

Image Properties Dialog / Image Info tab

We've received requests from users to change the label "Preview" to something else. The users are confused by the "Lorem Ipsum" text. They think the text is going to be inserted when they click OK. One suggestion for a different label is "Image Preview and Placeholder Text".

Press 'Esc' doesn't close the dialog in all dialogs on Opera.

When i have a font tag that wrap alot of text and i like to edit the text in the middle it is put the pointer all the time on the start of the font tag.

If i have a scroller it is jump me up and i cannot edit the text. I test it on the newest version of CKEditor and it has not been fixed.

Example:

1. Open IE8
2. Paste this code on the source mode of FCK/CKEditor:

<font>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa <br>
</font>

3. Scroll down and try to edit the text.

as reported in ​http://cksource.com/forums/viewtopic.php?p=43055#p43055 using IE with a zoom level different than 100% will distort the icon images in the toolbar. The problem is also present in the context menu.

But the v2 skin doesn't suffer the problem in the toolbar, I've checked and adding a background color to the

.cke_skin_v2 .cke_button a,
.cke_skin_v2 .cke_button a.cke_off
{
	filter: alpha(opacity=70); /* IE */
	opacity: 0.70; /* Safari, Opera and Mozilla */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

rule fixes the problem. I haven't searched the fix for the context menu.

So the fix would need to find the correct color for the skin (maybe that means problems with Kama) and also the rule to fix the context menus.

To Reproduce

• Open CKEditor sample
• Click 'table' button from toolbar
• Just click OK to add a new table
• Right click inside of first cell and select table properties
• Change 'Headers' from 'None' to 'First Row'
• Click OK
• Then, 'invalid argument' error occurs at l.982 of selection/plugin.js, and whole content is removed from editor!
  • source:/CKEditor/trunk/_source/plugins/selection/plugin.js@4738#L982​

To Reproduce

• Open CKEditor sample
• Switch to source mode
• Paste following html source

  <table>
   <tr>
    <td>
     <br/>&nbsp;</td>
   </tr>
  </table>
  

• Go back to WYSIWYG mode
• Try to switch to source mode again
• Then, 'nodeValue.length is null or not an object' error occurs at line.499 of selection/plugin.js
  • source:/CKEditor/trunk/_source/plugins/selection/plugin.js@4738#L499​

This issue can be reproduced in any browser (tested in IE8, Safari 4.0.4, Opera 10.10, FF 3.5.5), but:

• in FF 3.5.5 @ XP it doesn't happen always, however it happens often when right-clicking twice on a link

In FCKeditor I'm having this problem only in Opera.

This is a regression bug, this problem didn't exist in 3.0.1. I don't see any errors in the error console when this bug occurs.

Steps to reproduce

Using Safari 4.0.4 @ Win (XP/SP3 in my case)

1. restart Safari
2. open page with CKEditor (trunk, 3.1 branch, doesn't matter)
3. right click your mouse to open the context menu
4. repeat steps 1-3 until you'll see that context menu is not working

Instead of restarting, you may also try opening multiple tabs until you'll find that one with context menu not working.

Once you'll be able to open Safari in "CKEditor context menu not working" mode, you can try clearing the browser cache, refreshing the page and so on and the context menu will be still broken in that tab. If you open CKEitor 3.0.1 in the same tab, context menu will be working there (in CKEditor 3.0.1).

One user reported that on Snow Leopard sontext menu doesn't work in Safari, Google Chrome beta and FF 3.5.3. Another Snow Leopard user reported that this issue happens randomly, just as I described above and only in Safari. So, probably this is issue only exists in Safari, I don't have a Mac to check it.

Environment

3.1.x branch

Reproducing Procedures

1. Open 'replacebyclass' sample page and load the document with the following source:

   <p>
   <img alt="" src="http://dev.fckeditor.net/chrome/site/logos.gif" /></p>
   

2. click on the image and open 'Image' dialog;

• Actual Result: JavaScript exception thrown.

To reproduce the defect:

1. Use the find command to highlight a particular word
   
2. Close find dialog
   
3. Use a drop-down list to apply some formatting to the highlighted word e.g. font size
   

Actual Result: The selected formatting is not applied to the word and the word is not highlighted

Expected Result: The formatting should apply to the word and the word should still remain highlighted

Tested on IE 6 & 7

To reproduce:

1. Insert an image using the image dialog
2. Using the keyboard, highlight the image
3. Select the image action from the context or toolbar

Result: the image properties are not populated in the image dialog

Expected result: the dialog should be populated with the image's properties.

Note: using the mouse to select the image, does work as expected.

Tested on IE 6 & 7

In Chrome, maximized editor is wider than view port. Please refer to attached sceenshot.

Confirmed on IE7/IE8. Fortunately, this issue happens only when running a lot of editors at the same page (like 25-30+).

IE shows this error:

Not enough storage is available to complete this operation.

Happens only if you click with your mouse at the beginning of the editing area. Confirmed in IE8 @ Win XP/SS3

Steps to reproduce

• Starting with the following source:

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

• switch to wysiwyg mode
• point your mouse straight before "This" and press the button
• result: cursor is blinking in the editing area, but if you type anything, it will not appear in the editor.

This bug existed also in 3.0.1, but in 3.0.1 the cursor was not visible in the editing area at all.

1. Load the following HTML:

<table border="1" cellpadding="1" cellspacing="1" style="width: 200px">
	<tbody>
		<tr>
			<td>
				AAA</td>
			<td>
				BBB</td>
		</tr>
		<tr>
			<td>
				CCC</td>
			<td>
				DDD</td>
		</tr>
		<tr>
			<td>
				EEE</td>
			<td>
				FFF</td>
		</tr>
	</tbody>
</table>

2. Select the entire text of the two first rows with the mouse. This is an important step. The everything from AAA to DDD must be selected.

3. Open the context menu for the selection.

4. Select Row > Delete Rows.

A JavaScript error is thrown.

Toolbar wrapping problem in V2 skin. Please refer to attached screenshot.

Reproduced in Firefox3 Strict.

Steps to reproduce

• paste the following in source mode:

  <p><object width="660" height="525"><param name="movie" value="http://www.youtube.com/v/HwNXvQ2OK_k&hl=pl_PL&fs=1&color1=0x234900&color2=0x4e9e00&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/HwNXvQ2OK_k&hl=pl_PL&fs=1&color1=0x234900&color2=0x4e9e00&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="660" height="525"></embed></object></p>
  

• switch to wysiwyg mode
• press "Delete" button
• result:

  <p>
  	<object height="525" width="660"><param name="movie" value="http://www.youtube.com/v/HwNXvQ2OK_k&amp;hl=pl_PL&amp;fs=1&amp;color1=0x234900&amp;color2=0x4e9e00&amp;border=1" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /></object></p>
  

• expected result: the whole object should be removed (it was working in CKEditor 3.0 RC)

This is a regression bug introduced in [3779].

To reproduce:

• Open Flash Dialog
• Go to "Properties -> Align"
• Click on the select box, there are 8 undefined values, only left and right are available.

Confirmed on FF 3.5.5 @ WinXP/SP3.

Steps to reproduce

• start with

  <p><object width="660" height="525">
  <param name="movie" value="http://www.youtube.com/v/HwNXvQ2OK_k&hl=pl_PL&fs=1&color1=0x234900&color2=0x4e9e00&border=1"></param>
  <param name="allowFullScreen" value="true"></param>
  <param name="allowscriptaccess" value="always"></param>
  <embed src="http://www.youtube.com/v/HwNXvQ2OK_k&hl=pl_PL&fs=1&color1=0x234900&color2=0x4e9e00&border=1"
   type="application/x-shockwave-flash" allowscriptaccess="always"
   allowfullscreen="true" width="660" height="525"></embed>
  </object></p>
  

• switch to source mode
• result:

  <p><object height="525" width="660">
  <param name="movie" value="http://www.youtube.com/v/HwNXvQ2OK_k&amp;hl=pl_PL&amp;fs=1&amp;color1=0x234900&amp;color2=0x4e9e00&amp;border=1" />
  </object>
  <param name="allowFullScreen" value="true" />
  <param name="allowscriptaccess" value="always" />
  <embed allowfullscreen="true" allowscriptaccess="always" height="525" src="http://www.youtube.com/v/HwNXvQ2OK_k&amp;hl=pl_PL&amp;fs=1&amp;color1=0x234900&amp;color2=0x4e9e00&amp;border=1" 
  type="application/x-shockwave-flash" width="660">
  </embed></p>
  

  (<embed> and some <param> elements are outside <object> element)

The file ./lang/en-uk.js should be called en_GB (or en-gb by the looks of how you do it here). It's pretty much never referred to as 'uk' but 'gb' in locales.

When creating a new plugin that utilizes the iframedialog plugin, you have to pass a Pixel width and height:

CKEDITOR.plugins.add('dialog_name',{
    requires: ['iframedialog'],
    init:function(a){
        CKEDITOR.dialog.addIframe('dialog_name', 
                                  'Smiley',
                                  this.path+'lister.php',550,300,
                                  function(){/*oniframeload*/})
       // etc. etc.

iframedialog will assign those values to the dialog only and not to the iframe. The iframe gets assigned 100% width and height in the final source code.

In the kama skin, but not in the office2003 and v2 skins, this will lead to the iframe being only 160 Pixels tall in Firefox 3.5. It works as expected in Internet Explorer 8.

A fix that worked for me in Firefox 3.5 was to modify plugins/iframedialog/plugin.js and set a fixed width to the iframe:

CKEDITOR.dialog.addIframe = function( name, title, src, width, height, onContentLoad )
        {
            var element =
            {
                type : 'iframe',
                src : src,
                width : '100%',
                height : height  // CHANGED 
            };

The attached screen shot is using a customized template but checked with the original kama template as well.

Feel free to contact me on follow-up questions.

Thanks for providing this awesome product.

Environment

WinXP, IE.

Reproducing Procedures

1. Open any sample page and load in 'Source' mode the codes in the attached file:
2. Start typing anywhere in the source area.

• Actual Result: A high latency is observed when typing, make the editing almost impossible.

To Reproduce

• Open CKEditor sample page with FF3.5
• Insert HR at the very beginning
• Press 'BackSpace' key, HR is not deleted
• Press 'BackSpace' again, caret is moved to the end of text

Confirmed in IE8 @ XP/SP3.

Steps to reproduce

• start with the following source:

  <div style="width: 200px">test</div>
  

• switch to wysiwyg mode
• try changing the content of a div
• result: clicking on a div simply brings up the resize handles and typing inside of it is not possible.

Same problem exists in FCKeditor.

When office2003 skin is enabled, CKEditor has a problem in IE with source-view when in quirks mode.

The source is not indented correctly and instead it's written in one long line.

With IE:

1. Insert an horizontal rule or a table in the document.
2. Select the inserted element.
3. Right-click for the context menu.
4. Select "Cut".

A js error is thrown.

The automatic cleanup on paste from Word is working well in all browsers, except WebKit. Tested with Safari 3.2.2 and Chrome 4.

1. Open the attached document on Word.
2. Hit CTRL+A to select all.
3. Hit CTRL+C to copy.
4. Paste in the editor.

Actual results:

<p style="margin: 0cm 0cm 10pt">
	Testing Word Cleanup</p>
<p style="margin: 0cm 0cm 10pt">
	Testing Word Cleanup</p>
<p style="margin: 0cm 0cm 10pt">
	Testing Word Cleanup</p>

Expected results (ok in Firefox):

<p>
	Testing Word Cleanup</p>
<p>
	Testing Word Cleanup</p>
<p>
	Testing Word Cleanup</p>

When creating links, CKEditor adds <br /> inside of the <a> tag. Confirmed in FF, Safari and Opera.

Steps to reproduce

• go to ​http://ckeditor.com/demo
• press "Ctrl + A" and then "Del" to delete all contents
• click on the "Link" button, type some url, like ckeditor.com
• result:

  <p>
  	<a href="http://ckeditor.com">http://ckeditor.com<br />
  	</a></p>
  

Reproduce

1. Open editor with any content
2. Use New Page button
3. Try to undo step 2. After pressing Undo once - nothing happens.
4. Press Undo 3 times in short time - previous content will be visible again.

Expected: Previous content is visible after one Undo.

Reproduced in Firefox2.

Tables with an explicit alignment set are pasted with a wrapping div to set that alignment. When the alignment is center or right, various problems are encountered after pasting.

1. All content inside cells is aligned according to the wrapping div's align setting i.e. center or right.

2. The option to set specific paragraph alignment in a cell to left is not enabled or not possible. Although, it is possible to set center, right and justify.

Reproduced in IE 6 & 7.

The editor should be able to manipulate the alignment options of table cells that have been set using CSS instead of attributes. e.g. vertical-alignment instead of valign.

One place where this is required is working with tables that have been copied from Word, although other scenarios would warrant such a feature too.

Lists with more than 2 levels and that have the style "Outline Numbered" do not paste correctly. Levels beyond the 2nd level collapse.

This occurs when measurement units is set to: cm, mm or pt.

See attached tc.

After inserting a table using the paste function, it is not possible to navigate out of the table and continue editing the document.

Reproduced in FF.

Steps to reproduce:

1. Open nightly build
   
2. Add some text
   
3. Apply 'formatted' paragraph foramt
   
4. Use undo
   

Result: The format action is not undone.

For other paragraph format options the undo action does undo the formatting.

Reproduce in FF and IE:

1. Open nightly build, ajax sample
   
2. Insert an image
   
3. Unlock ratio and specify custom values for width and height
   
4. Remove the editor
   
5. Create editor
   
6. Edit the image
   

Result:
FF: the ratio padlock remains unlocked
IE: the ratio padlock is locked

When the target option of a link is Popup Window, the values for the Popup Window Features and sizes can not be modified after the first edit of the properties.

To reproduce:

1. Create a new link
   
2. Edit the target as Popup Window
   
3. Select some Popup Window Features
   
4. Set a width and height
   
5. Click OK
   
6. Remove editor & create editor
   
7. Edit the link
   
8. Modify the original edits to target, including width and height
   
9. Click OK
   
10. Edit the link again to confirm options at step 8. are kept.

Result: The options are not modified in step 8. but remain as set in steps 3 & 4

Environment

All IE versions

Reproducing Procedures

1. Open any sample page, click on 'Paste' command and deny clipboard security dialog to force open paste dialog.
2. Paste something into the dialog, and click 'Ok'.

• Actual Result: JavaScript Error thrown.

Environment

All IE versions

Reproducing Procedures

1. Open any sample page, click on 'New Page' to clear out document;
2. Click on 'Paste as Plain Text' command and deny clipboard security dialog to force open dialog.
3. Paste the following contents into the dialog, and click 'Ok'.

   Line1
   
   Line2
   

• Actual Result:

  <p>Line2Line1</p>
  

• Expected Result:

  <p>Line1</p>
  <p>Line2</p>
  

By pasting the attached document (Select All > Paste) in IE 8 Compatibility Mode, the cleanup error is thrown.

There's an undesired document scroll-to-end effect when the IE security dialog is pending decision after click on 'Paste' command.
While it will vanish as soon as the decision is made.

The following layout problems are observed:

1. The top shared space is not high enough to include all toolbar items, which make the 3rd row of toolbar items are overflowed.
2. The editor spaces are also overflowing horizontally.

All editors without explicit width config overflow horizontally in IE quirks in all sample pages.

When switching to source view (back and forth) when editor is maximized, there is toolbar icons relocation for short period of time. They are displayed vertically on the left side of the editor.

Please refer to attached screenshot.

Reproduced in LTR quirks with FF2 (stronger effect) and FF3 using Office2003 and V2 skins. Kama skin is not affected.

There is a very specific way of creating samples for CKEditor. A short description is available here: ​http://docs.cksource.com/FCKeditor_3.x/Design_and_Architecture/CKReleaser#Samples

In short, html samples are just templates and sample-specific content should be placed inside of elements with the following IDs:

• headscript (optional): contains sample specific script to be loaded in the <head>.
• styles (optional): contains sample specific styles.
• html: contains the HTML data that effectively represents the sample.
• code: contains the sample code, used to illustrate the API usage in the sample.

Another rule is that all sample files should be loading sample.js:

<script type="text/javascript" src="sample.js"></script>

In jqueryadapter.html the following files are loaded in the <head> section, which causes that sample processed by CKReleaser is not working:

• ​http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js
• adapters/jquery.js"

Ideally, both files should be loaded in a script with id "headscript" and below there should be a jquery code $( function() ... } ); that is currently in a script that has no id attribute.

To test whether the template is correct, just launch _samples/sample.html?sample=jqueryadapter and see whether it works.

There is one more minor bug that can be corrected as well: ​http://www.fckeditor.net url shouldn't be used any more in the sample text.

It is quite a common scenario when content of a page is placed inside of a div with some id ("main", "wrapper") and CSS rules are defined for that div.

For IE we're creating "accessibility label" using label and fieldset. Unfortunately, it is possible to accidentally change the style of those elements and make CKEditor looking strange or even unusable.

Steps to reproduce

• take the replacebyclass sample
• in the head section add the following:

  	<style type="text/css">
  	#main fieldset {padding:20px; margin:20px; width:400px}
  	#main legend {padding:40px; margin:40px; width:400px}
  	</style>
  

• put the form element inside of <div id="main">:

  	<div id="main">
  	<form action="sample_posteddata.php" method="post">
  			<p>
  				<label for="editor1">
  					Editor 1:</label><br/>
  				<textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
  			</p>
  			<p>
  				<input type="submit" value="Submit"/>
  			</p>
  		</form>
  	</div>
  

• save the sample and lauch it in IE
• result: the editing area is broken.

this is because adapters are ignored in ckreleaser.release.

Environment

IE8 with both Strict and Quirks

Reproducing Procedures

1. Open 'skins' page sample, scroll the page to bottom.
2. Click on 'Maximize' button;

• Actual Result: Part of the toolbar is out of viewport.