Custom Query

Steps to reproduce:

1. Open nightly Ajax sample
   
2. Open Smiley dialog
   
3. Attempt to use keyboard to select a smiley.
   

Result:
It is not possible to navigate the dialog via keyboard.
Reproduced on FF3

One accessibility requirement is that the editor be usable in High Contrast (HC) mode by a user who does not have access to the mouse or a screen reader. When the editor is viewed in HC mode, the toolbar icons become invisible. When using keyboard only, the user cannot easily identify the functions of the toolbar items.
The ideal solution would be that the toolbar has a different rendering for HC mode. The Dojo editor could be used as a reference on how to handle this case. Should it be too complicated to do the detection of HC mode in CKEditor, it would be acceptable if the editor had a configuration parameter to set it to HC mode, by its parent application.

Context menu is too narrow in some translations. Please see attached image.

If editor.name="this.is.my.control" then plugin.js causes a javascript error

In plugin.js the following script is used:

Call the temporary function for the editing boostrap.

'window.parent.CKEDITOR._.contentDomReady' + editor.name + '( window );' +

...

Issue is if editor name contains a "." then script will fail - one way to fix this is :

'window.parent.CKEDITOR._[\'contentDomReady' + editor.name + '\']( window );' +

nz

With V3 we'll be introducing a brand new skin. It will be the default one. The old V2 (V1!) one will still be available as an option.

When packing the en.js lang file, the packager mungers the file in such a way to cause the JavaScript Lint tool to complain. The specific problem is that in the "colors" object, it removes the quotes from the members. For example, "'008080' : 'Teal'," becomes "008080:'Teal',".

When selecting any of the Styles/Format/Font/Size combos, the panel is misplaced. It is slightly different for FF2 and FF3.
Reproduced on nightly build.

There are many non-namespaced css class names in dialog.css and those are:

• disabled
• dark_background
• LightBackground
• DarkBackground
• hand
• Hand
• centered
• BtnReset
• BtnUnlocked
• BtnLocked
• ImagePreviewBox
• ImagePreviewLoader
• LightBackground
• FlashPreviewBox

I assume those are some legacy classes, but since dialog isn't placed inside an iframe, this can result in some serious complications.

Function dom.getFrameDocument still causes random errors in IE when accessing $.contentWindow.document.

Although there is alredy some workaround for that, sometimes it still causing errors, like this one below (IE8 strict, polish language of dump, but ive translated keywords):

Szczegóły błędu na stronie sieci Web

Agent użytkownika: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0)
Sygnatura czasowa: Wed, 13 May 2009 11:51:13 UTC


Wiadomość: Permission denied

Line: 1251
Char: 4
Kod: 0
Identyfikator URI: http://10.0.2.2/ckeditor/_source/core/dom/element.js


Wiadomość: Permission denied
Line: 1212
Char: 7
Kod: 0
Identyfikator URI: http://10.0.2.2/ckeditor/_source/plugins/dialogui/plugin.js

It have happened using link dialog. In effect i was unable to close dialog using "OK" button.

Another example is #3491.

I think it can be easier to reproduce this on slower machines.

TC

1. Use following content:

   <p>
   	^a foo a<br />
   </p>
   <p>
   	a foo a<br />
   </p>
   <p>
   	<br />
   </p>
   

2. Open Find & Replace dialog
3. Try to replace "foo" to "bar"

Reproduced using r3500 in FF3, IE8.

TC

1. Use following content:

   <p>
   	^foo<br />
   </p>
   <p>
   	foo<br />
   </p>
   

2. Hit find button 2 or more times
3. Result:

   find.js (line 216)
   endNode is null
   [Break on this error] while ( endNode.type != CKEDITOR.NODE_TEXT )
   

4. Stack trace

   updateFromDomRange()
   removeHighlight()
   find()
   onClick()
   listenerFirer()
   (?)()
   (?)()
   listenerFirer()
   (?)()
   (?)()
   

Reproduced using r3500 in FF3, IE8.

I'm not sure if i understand correctly what "Match cyclic" should do, but if this is something like "Wrap search" or "Search from beginning after file end" then it acts in opposite way.

TC

1. Use following content:

   <p>
   	This is some <strong>sample text</strong>. You are using^ <a href="http://www.fckeditor.net/">CKEditor</a>.</p>
   

2. Search "are" with "Match cyclic" checked on. Nothing happens.
3. Search "are" again, now with "Match cyclic" checked OFF. Now the text will be found.

Reproduced using r3500 in FF3, IE8.

After #3189 and #3190, empty paragraphs might get inserted in the document without user's intension, so clean up those empty blocks is necessary on output data.

Shift + F10 -> Opens the Context menu, outside the RTE editing area(Sometimes it opens the File menu from the browser main menu)

Wrong find matching in IE8 quirks.

TC

1. Use following content:

   <p>
   	^a foo a</p>
   <p>
   	a foo a</p>
   <p>
   	&nbsp;</p>
   
   

2. Open Find dialog
3. Search for "foo"

Result:

<p>
	a ^foo a^</p>
<p>
	a foo a</p>
<p>
	&nbsp;</p>

Expected result:

<p>
	a ^foo^ a</p>
<p>
	a foo a</p>
<p>
	&nbsp;</p>

Does not take place in IE8 strict.

We should have ways to define a button in the toolbar, which opens a menu when clicked. It can be used to group buttons, or even show specific button options.

There is a lot of code duplication with the panelbutton plugin. It's a copy of the button plugin, which small customizations. It should be possible to reuse the button plugin class there.

The mouse pointer over the context menu items is the "text" pointer. It should be the arrow instead.

In IE, when showing a context menu panel, it rapidly flashes at the the very left of the document (in the correct Y position though) and them moves the the right place.

The problem is in _languages.js which was accidentally overwritten with [3406].

_languages.js was apparently broken by CKLangTool, ignoring files beginning with underscore has been introduced with [3405].

We're currently missing out the alt attribute generated from

1. fakeobjects plugin
2. Image and image button dialogs.
3. Smiley dialog.

IE8's compatibility mode there is no problem, but not in compatibility mode button will be under the font settings problem

Many interactive elements, such as toolbar buttons in CKEditor 3.0, use an <a href="javascript:void()"> tag due to the ability to get keyboard focus.

The <a href="..."> tags causes the UI elements to be pronounced as links in JAWS, which is usually inappropriate because the UI elements are in fact buttons.

In menus, like the context menu or menu buttons, the disabled items are styled improperly. The background color for the icons space should be colored just like the enabled ones, having instead the icon and the text semi-transparent.

Also, these items should not have hover state.

TC

1. Open replace by class example
2. Open styles dropdown
3. Error will appear

   Message: 'iframe.$.contentWindow' jest pusty lub nie jest obiektem
   Line: 214
   Char: 10
   Kod: 0
   Identyfikator URI: http://10.0.2.2/ckeditor-idea/_source/plugins/floatpanel/plugin.js
   

Reproduced in IE8 quirks.

To reproduce:

Right click on a table cell
Hover over a menu item e.g. Row
Do not move the mouse until the sub-menu has displayed
Attempt to select another menu item e.g. Column

Result: the context menu disappears.
Expected: the context menu remains visible

It is standard functionality to select all text when tabbing to text inputs. This is missing in CKEditor's dialogs.

V2 had this functionality.

The 'scayt_word' marker should split words separated by form field elements, while it's not:

Reproducing Procedures

1. Open the replace by class example page with SCAYT plugin enabled.
2. Insert the text 'wrongword' into editor, waiting for SCAYT marking this word;
3. Move the selection into 'wrong|word', click on 'Insert TextField' button to open dialog and insert a default textfield.
4. Disable and re-enable the SCAYT plugin or enter some char to reload all markers.
   • Expected Result : wrong<input />word should not be considered to have spell error;
   • Actual Result : wrong<input />word is marked as spell error in a whole and if click on the first word to open context menu and click any of the suggestions, the in-middle textfield get lost along with these two words.

Elementpath should hide SCAYT marker '<span>' from end user.

During find/replace, SCAYT should be disabled.

Reproducing Procedures

1. Open the replace by class example page in FF;
2. Load the content with the following:

   <p>
   	You're testing <span>ckeditor</span> undo system.</p>
   

3. Open find/replace dialog and enter 'ckeditor' into 'Find What', click Replace buttton;
4. Fill in 'v3' into 'Relace With' and click Replace button again.
   • Actual Result:

     <p>
     	You're testing v3</p>
     

The problem happened generally for all form fields.

Reproducing Procedures

1. Open the replace by class example page in FF;
2. Click inside bold 'sample text' word.
3. Open 'Checkbox' to insert a default checkbox field.
   • Actual Result: 'Undo' button state show that there's no undo snap.

This is the same issue as for the Smiley dialog. Ticket #3492 .

If you're applying any 'span' based style on the following range:

<p>^this <span>tag</span> should not be removed.^</p>

Then the span will always be removed, which is wrong.

Load CKEditor and insert an anchor. Put any name on it.

Switch to source mode, everything looks OK.

<p>
	This<a name="test"></a> is some <strong>sample text</strong>. 
You are using <a href="http://www.fckeditor.net/">CKEditor</a>.</p>

Switch to design and back to source, the anchor now has two name attributes

<p>
	This<a name="test" name="test"></a> is some <strong>sample text</strong>. 
You are using <a href="http://www.fckeditor.net/">CKEditor</a>.</p>

Take a look at #3579.

Due to a simple css rule that includes an ID the toolbar becomes broken. In the real world people uses multiple classes and ID in the css rules, so the styles won't get applied correctly.

1. Load the Ajax example in Firefox.
2. Switch to source mode. it shows

   <p>
   	<br />
   </p>
   

3. Switch to design and back to source. The formatting has changed

   <p>
   	<br />
   	</p>
   

(the closing </p> now is indented)

Except Firefox 2, the rest of the browsers support contentEditable, and their behavior should be almost the same with at least one big difference:

If body.contentEditable=true is used then the behavior of elements inside the body with contentEditable=false is as expected and the browser itself takes care of not allowing to edit them. This is really useful for little things like the Placeholder (v2 only for the moment) plugin.

This behavior is reported in ​https://bugzilla.mozilla.org/show_bug.cgi?id=462735 , ​https://bugs.webkit.org/show_bug.cgi?id=22036 and in the internal Opera tracker.

Plugin allowing fast and easy change of UI background color.

​60 sec presentation.

It seems that there is a special case required to be handled by the font style features. The issue is that when the size of a default text is set to a large size e.g. 72px, then a background color is applied to the same selection, the background style will not have the right font-size set. This results in the background color appearing as a narrow band behind the large font.
E.g.

<span style="background-color: rgb(238, 130, 238);"><span style="font-size: 72px;">Test</span></span>

1. Open a dialog to edit an existing link or image.

2. Close the dialog with the Cancel button or the (x) button.

The alert regarding changes appears, even if no changes have been made at all.

Tested with FF3.

The name is misleading, verb + object, people that just see it mentioned might try to use it in the wrong way (like Plugins.Add in v2)

I suggest renaming it to config.additionalPlugins before it's too late.

The replace feature causes the selection to be saved in the document.
To reproduce:

1. Open Ajax sample and add some text.
   
2. Use Replace feature to find a known word and replace with another.
   
3. Cancel from the dialog, ensuring the selection is still on the last replaced word.
   
4. Remove the editor.
   

Results in the selection being saved with the document. E.g.:

<span style="color: rgb(255,255,255); background-color: rgb(0,0,68)">Test</span>

The automatic option for these dropdowns never works. To reproduce type any text into one of the nightly samples, highlight the text and change its color to a specific color. Then click the Automatic option. The text will remain colored.

This is because of a bug in CKEDITOR.style.checkElementRemovable(). The problem is that checkElementRemovable, when called from removeInlineStyle, should match any element with the color or background-color style, regardless of value. Attached is a patch which fixes this.

If CKEditor is placed into absolute positioned "div" element with large z-index (for example, 100), editor comboboxes (Styles, Format, Font, Size, ColorPicker) content (drop down) will not be displaying. Their content will be placed behind the "div" editor located in.
This problem is actual for context menu also.

Reproducing Procedures

1. Open the replace by class example page with enterMode = br in FF;
2. Make the content and selection same as below:

   text<ol><li>ite^m1</li><li>ite^m2</li></ol>text
   

3. Click on 'Bullet List' command to change the list type.
   • Expected Result:

     text<ul><li>item1</li><li>item2</li></ul>text
     

   • Actual Result: Javascript error thrown.

Reproducing Procedures

1. Open the replace by class example page with 'enterMode = br' in FF;
2. Make the content and selection same as below:

   <ul><li>item1</li></ul><ol><li>ite^m2</li></ol>
   

3. Click on 'Bullet List' command to change the list type.
   • Expected Result:

     <ul><li>item1</li><li>item2</li></ul>
     

   • Actual Result: The previous list is not merged.

     <ul><li>item1</li></ul><ul><li>ite^m2</li></ol>
     

CKEditor allows setting the caption and summary for a table. Since these properties do not have an equivalent in many document formats, it would be nice to make so that these options can be hidden. I have attached a patch which implements this.

Reproducing Procedures

1. Open the replace by class example page with the following content and selection:

   <table><tr><td>te^xt</td></tr></table>
   

2. Now select the '<tr>' item within the element path bar.
   • Expected Result : Document structure remains.
   • Actual Result : Source codes now as :

      <p>
     	<br />
     </p>
     <table>
     	<tbody>
     		<tr>
     			<td>
     				text</td>
     		</tr>
     	</tbody>
     </table>
     <p>
     	<br />
     </p>
     

Now we're saving snapshot for many commands which doesn't make sense for supporting undo, these are:

1. Preview
   
2. Copy
   
3. Spell Check
   
4. Find/Replace ( Each replacing is needing one, but not the dialog command )
   
5. Select All
   
6. Maximize
   
7. Show Block
   
8. About
   

We should give them a canUndo = false.

Reproducing Procedures

1. Open the replace by class example page;
2. Press on 'Select All',and press Shift-Enter.
   • Expected Result : The selected content is replaced with a br.
   • Actual Result : The selected content is still there.

I guess that everybody has this in mind, but no one has written it so far.

In the future it would be very nice to have an automated performance testing system, so that we can keep track of any unexpected degradation of the performance. And also to avoid that little + little + little changed do end up summing a serious problem.

For a reference, this post about Chrome explains the same basic idea: ​http://blog.chromium.org/2008/11/putting-it-to-test.html and points that some of the tools are based on HTML and JS, so maybe we can reuse something from there.

Load CKEditor and right click in the toolbar, status bar, any floating panel or context menu...

The default browser context menu is shown instead of showing nothing.

Reproducing Procedures

1. Open the replace by class example page, load the document with the following content with selection;

   <p>
   	^paragraph1</p>
   <p>
   	paragraph2</p>
   

2. Click on 'p' item on the elements path bar to fully select the first paragraph;
3. Click on 'Numbered List' button to convert it to list;
   • Expected Result :

     [<ol>
     	<li>
     		paragraph1<br />
     	</li>
     </ol>]
     <p>
     	paragraph2</p>
     

   • Actual Result : There's an empty paragraph created above it.

     <p>
     	<br />
     </p>
     [<ol>
     	<li>
     		paragraph1<br />
     	</li>
     </ol>]
     <p>
     	paragraph2</p>
     

in /editor/lang/pl.js Templates: is "Sablony" - should be "Szablony".

Reproducing Procedures

1. Open the replace by class example page within the KAMA branch.
2. Click on 'Styles' combo to open dropdown float panel;
3. Click any positon inside document;
   • Expected Result : Float panel will auto hide.
4. Right click to open context menu;
   • Expected Result : Float panel will auto hide.
5. Click any positon inside document;
   • Expected Result : Float panel will auto hide.

The size of different dialog buttons should be the same.

Below is a proposal to resource the outstanding items in the Flash dialog.

en.js:

 flash :
       {
             ...
             quality		 		 : 'Quality',
             qualityBest		 : 'Best',
             qualityHigh		 : 'High',
             qualityAutoHigh		 : 'Auto High',
             qualityMedium		 : 'Medium',
             qualityAutoLow		 : 'Auto Low',
             qualityLow		 : 'Low',
             windowMode		 : 'Window mode',,
             windowModeWindow		 : 'Window',
             windowModeOpaque		 : 'Opaque',
             windowModeTransparent		 : 'Transparent',
             ...
       },..

They are used in the flash dialog as:

 items :
       [
             [ editor.lang.common.notSet , ''],
             [ editor.lang.flash.qualityBest, 'best' ],
             [ editor.lang.flash.qualityHigh, 'high' ],
             [ editor.lang.flash.qualityAutoHigh, 'autohigh' ],
             [ editor.lang.flash.qualityMedium, 'medium' ],
             [ editor.lang.flash.qualityAutoLow, 'autolow' ],],
             [ editor.lang.flash.qualityLow, 'low' ]
       ],

and

items :
       [
             [ editor.lang.common.notSet , ''],
             [ editor.lang.flash.windowModeWindow, 'window' ],,
             [ editor.lang.flash.windowModeOpaque, 'opaque' ],,
             [ editor.lang.flash.windowModeTransparent, 'transparent' ]
       ],

Reproducing Procedures

1. Open the replace by class example page in FF;
2. Click 'New Page' to empty document;
3. Click on 'Format' combo to open dropdown, select 'Heading 1'
4. Switch to 'Source' mode;
   • Expected Result: The initial paragraph was converted into <h1>

     <h1>
     	<br />
     </h1>
     

   • Actual Result:

     <p>
     </p>
     <h1>
     	<br />
     </h1>
     

To reproduce:

1. Maximize the editor.
2. Drag the bottom right resize handle around - the editor can still be resized.

This problem was originally reported by Garry.

When you mouseover any of the toolbar buttons, you'll find default cursor type on the button center, and pointer/hand type on the edge, result in a very noisy experience.

Open the attached sample page for reproducing.

To reproduce:
Use Safari 3.2 on Windows. Ensure caching is not disabled.

1. Open nightly Ajax example
   
2. Click "Create Editor" (editor should open normally)
   
3. Click "Close Editor" (editor should be closed normally)
   
4. Repeat steps 2&3 to ensure the process is reproducible.
   
5. On the same page, enter a new URL e.g. www.google.com and hit Enter.
   
6. On the same page, enter the url back to the original Ajax example (e.g. ​http://nightly.ckeditor.com/3608/_samples/ajax.html) and hit Enter.
   
7. Click "Create Editor"
   

At this point, the editor will not load until the page is reloaded. This error does not appear when cache is disabled in the browser

A mechanism is required to reset the undo buffer.

When the editor is created with an initial set of data it is desirable to reset the undo buffer so that the user does not undo the initial setData() result.

Reproducing Procedures

1. Open the replace by class example page in FF;
2. Click on 'New Page' to empty the document;
3. Insert a default table;
   • Expected Result:

     <table border="1" cellpadding="1" cellspacing="1" style="width: 200px;">
     ...
     </table>
     <p>
     	<br />
     </p>
     

   • Actual Result: There's an paragraph established before the table:

     <p>
     	<br />
     </p>
     <table border="1" cellpadding="1" cellspacing="1" style="width: 200px;">
     ...
     </table>
     <p>
     	<br />
     </p>
     

Reproducing Procedures

1. Open the replace by class example page in IE;
2. Press 'Enter Key' to create a new paragraph;
3. Switch to 'Source' mode;
   • Expected Result:

     <p>
     	This is some <strong>sample text</strong>. You are using <a href="http://www.fckeditor.net/">CKEditor</a>.</p>
     <p>
     </p>
     
     

   • Actual Result:

     <p>
     	This is some <strong>sample text</strong>. You are using <a href="http://www.fckeditor.net/">CKEditor</a>.</p>
     <p>
     	&nbsp;</p>
     

Reproducing Procedures

1. Open the replace by class example page in FF;
2. Click on 'New Page' to empty document content;
3. Click on 'Insert Page Break for Printing' to insert a page break;
4. Click on the newly introduced page break fake element;
   • Expected Result: A new paragraph is created before it.

     <div style="page-break-after: always;">
     		<span style="display: none;">&nbsp;</span></div>
     

   • Actual Result: Javascript error thrown.

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

When dialogs are opened for the first time, they load and display correctly. On subsequent invocations of a dialog, the whole window is blanked out while the dialog displays. The worst case seems to be on IE6; the delay can last more than a second, while the whole window remains blank.

The effect seems more pronounced when the editor is embedded within a larger application, but is still noticeable in the samples.

To do: create a plugin that makes it possible to integrate any file browser in CKEditor (it will not provide any file browser solution).

Add an image inside a floating div:

<div style="float: right"><img src="..." /></div>

If you select the image and press the Add Link button, the link (<a>) is positioned at the beggining of the editor content as text and not at the image.

Alternatively, if you select the image and try to enter a link from the Link tab of Image Properties dialog, you get Javascript errors in IE7:

Line 82: 'undefined' is null or not an object

Line 789: Object doesn't support this property or method

It seems that line 256 of fck_image.js: (

oLink = oEditor.FCK.CreateLink( sLnkUrl )[0] ;

) does not return an object.

The cause is that the editor looses selection when CreateLink is called inside a floating image. If you edit an existing link with image, all is OK.

This bug is related to ticket #798 which is resolved in FCKEditor 2.6.4

1. Open the 'replace by class' sample page in IE, load the editor with following content:

   	<div style="float:right">
   		<a href="http://a.com"><img alt="" src="http://dev.fckeditor.net/chrome/site/logos.gif"/></a>
   	</div>
   

2. Select the image by clicking on it or from the elements path bar.
3. Right click to open context menu and select 'Unlink';

• Actual Result: The link is not removed from the image.

Depending on chosen mode on IE8, element.html test fails in various places. ​This patch seems to fix it, but it uses too many workarounds and need to be rewritten. It should use less workarounds as possible, mostly on IE8 strict.

To reproduce:

1. Open nightly sample
   
2. Add a table with default settings
   
3. Click in the editing area, next to the table (to the right of the table in LTR mode)
   

Results in a new <p> being added to the document. The document grows with every subsequent click.

<p>
	&nbsp;</p>

Reproduced on IE 6 and 7.

The cell properties dialog does not display well in RTL mode.

• title is to the left
  
• dialog spans width of page
  
• large transparent section
  

IE only.

See attached example.

Reproducing Procedures

1. Open the replace by class example page in FF;
2. Make a random selection;
3. Enable 'SCAYT';
   • Expected Result: The selection remains the same.
   • Actual Result: The selection now collapsed at the start of document.

Reproducing Procedures

1. Open the replace by class example page in FF;
2. Press 'Enter' after the first paragraph until the text is not visible within current viewport;
3. Now open 'Find' dialog and fill in 'Find What' field with some word inside the the paragraph;
4. Prompt with 'The specified text not found', click 'Ok', then click the 'Find' button again;
   • Expected Result: The matched word in the first paragraph is now scrolled into view;
   • Actual Result: It's matched, but never scroll into view.

In some cases IE8 and webkit returns uppercases css properties after getAttribute('style'). To prevent this, place for browser-wide code should be introduced to this method and there the css normalization could be done.

In kama skin, mouse over a disabled button results in position lost by the button (due to padding and height). This is also noticeable when switching to source view (in time when button is disabled during reload).

the title says it all - in patches usually just the "en" language entry is added and this way CKEditor is broken in all other languages.

(as the title says)

There are typos issues in preview plugin, making it unusable. Attached patch fixes them.

Reproducing Procedures

1. Open the attached example page in IE8;
   • Expected Result: The 'text' is inserted into beginning of document.
   • Actual Result: JavaScript error is thrown.

     "'isLocked' is null or not an object"
     

With the default UI color, when opening a menu, the background for the menu item icons is wrong. It's uses the v2 colors instead of the default gray one.

Hello. To me FCKeditor is almost perfect. The only thing I miss from Dreamweaver is selection preservation while switching to source view.

Since I work with very big html files it is very difficult to find any specific place in code. When I select a word (or sentence or picture or table cell) in WYSIWYG mode in Dreamveawer and then switch to source view I find myself in the middle of the (pages of the) code with the same text selected.

If FCKeditor could do that - it would save very much worktime. But FCKeditor resets the cursor location to start of the source.

When embedding a flash object FCKeditor is currently using an <EMBED> tag. This is not valid XHTML. Better use the object type like:

<object type="application/x-shockwave-flash" style="width:XXXpx; height:YYYpx
;" data="http://your.domain.com/your_flash_file.swf">
    <param name="movie" value="http://your.domain.com/your_fla
sh_file.swf" />
</object>

Same issue as reported in #3566

Browser: IE7 OS: Vista

This is my first bug report for this project. Please let me know if I am doing anything incorrectly.

I have set a custom dialog_backgroundCoverColor in the editor host page before calling CKEDITOR.replace. It works correctly in FF3 but it does not work on IE7 or IE8 with compatibility mode on and off. Here is my script block inside an ASP page:

<script type="text/javascript">

CKEDITOR.config.toolbarLocation = 'Out:xToolbar'; CKEDITOR.config.height = '800px'; CKEDITOR.config.dialog_backgroundCoverColor = 'rgb(255, 0, 0)'; CKEDITOR.config.contentsCss = '../<%=folder%>style.css'; CKEDITOR.config.skin = 'office2003'; CKEDITOR.config.toolbar = [

['Source','-','Save','NewPage','Preview','-','Templates'], ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker','Scayt'], ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],

['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],

'/', ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'], ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'], ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'], ['Link','Unlink','Anchor'], ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'], '/', ['Styles','Format','Font','FontSize'], ['TextColor','BGColor'], ['Maximize','ShowBlocks','-','About']

];

CKEDITOR.replace( 'editleftcol', {

filebrowser_browse_url : '/editor/ckfinder/ckfinder.html?action=js&func=SetUrl&thumbFunc=SetUrl', filebrowser_image_browse_url : '/editor/ckfinder/ckfinder.html?action=js&func=SetUrl&thumbFunc=SetUrl&Type=Images', filebrowser_flash_browse_url : '/editor/ckfinder/ckfinder.html?action=js&func=SetUrl&thumbFunc=SetUrl&Type=Flash', filebrowser_upload_url : '/editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files', filebrowser_image_upload_url : '/editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images', filebrowser_flash_upload_url : '/editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'

});

CKEDITOR.replace( 'editrightcol');

</script>

Reproduction:

1. Open Replace textareas by class name
   
2. Click on the Find button
   
3. Click on 'Replace' tab
   
4. Type in some replaceable text into 'Find what' (eg.: 'are')
   
5. Type in some text into Replace with (eg.: 'replaced')
   
6. Click on Replace All
   
7. Click on 'OK', and close the dialog
   

Now the undo button is disabled (but you can undo the replace too, after type in a character into the editor area).

1. Open ​ui_color.html sample
2. Invoke context menu in second editor
3. Invoke context menu in first editor
   • It has color from second editor
   • It should have color from first one

The cell border & background color options in the Cell Properties dialog do not provide an easy way for users to select colors.

FCKEditor 2.6 provides a color selector in this case.

The Font color and Background color toolbar options provide an "Automatic" selection. Based on the way that FCKEditor 2.6 has implemented this option, it should reset the background/font color. This doesn't appear to work in the nightly CKEditor builds.

We started receiving random errors that I believe are related to IE8. Below are the errors being generated. Can you help resolve them? We are using version 2.6.3 Beta - Build 19726 in a .Net environment. Fckeditor works okay in FireFox and Chrome.

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB6; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729) Timestamp: Mon, 15 Jun 2009 15:06:21 UTC

Message: 'FCKeditorAPI.GetInstance(...)' is null or not an object Line: 116 Char: 81 Code: 0 URI: ​https://chapters.acg.org/admin/content/edit.aspx?PageId=5445

Line: 116 Error: 'FCKeditorAPI.GetInstance(...)' is null or not an object

FCKeditorAPI.GetInstance('mCT_Main_12_1_Content_fckContent_ccEditor').UpdateLinkedField();

Line: 5 Error: Object required

sd[w]=function(e){qm_kille(e)};

When selecting text that uses <BR> for line separation, the indent feature bleeds the selection to the containing <P>. So that this:

<div>
	test 1<br />
	test 2<br />
	test 3<br />
	test 4<br />
	test 5<br />
</div>

becomes this;

<div style="margin-left: 40px;">
	test 1<br />
	test 2<br />
	test 3<br />
	test 4<br />
	test 5<br />
</div>

irrespective of how many lines of text were selected. The expected behavior would be to indent only the selected text. E.g. if line 3 & 4 were selected the result could be:

<div>
	test 1<br />
	test 2<br />
	<div style="margin-left: 40px;">
		test 3<br />
		test 4<br />
	</div>
	test 5<br />
</div>

This's derived from #3659.

Does the loadData really needs to be asynchronous? Can't we work directly with the existing document when the user wants to change it instead of being forced to create a new one?

In High Contrast mode, the toolbar buttons contains extra space at the left of their labels due to the invisible icons. They should not be displayed instead, helping having a more compact toolbar.

In High Contrast, the editor area border is not being rendered.

1. Try to put the following HTML code in Source mode in IE:

   <p>
   	asdfasfdas <style>
   p
   {
       background-color: red;
   }
   </style></p>
   

2. Switch to WYSIWYG mode and back.
3. The formatting of the contents in the style tag disappears.

The bullet and number list features cause JS exceptions when invoked, causing them to not function properly and in some browsers makes them unusable.

To reproduce:

1. Open Ajax sample
   
2. In an empty document click bullet/list button
   

A bullet/number list might be started but an exception occurs in both IE and FF. In FF this error is caused:

R is not a function
[Break on this error] y.appendTo(x);w=[new d.range(u)];if(y.is...rn t;};function o(q,r){var s=l(q),t=q.$;

Pressing enter to continue the list causes the list to disappear and other unexpected behaviors.

An FCK bookmark is also left in the body when viewing source:

<span _fck_bookmark="1" id="cke_bm_82S" style="display: none;">&nbsp;</span>