Custom Query

When trying to load the CKEditor (version 3.1.1), in Opera (10.51) via Ajax insertion or on the fly DIV replacement, it will try to load, but gets stuck (Elements: 10/10). The editor appears fully loaded, but the entire page in unresponsive (keeps loading, links are not clickable)

This does not only apply to my own application, but also for most of the advanced samples in the CKEditor source, for example:

• Replace DIV elements on the fly
• Create and destroy editor instances for Ajax applications

I can't find any ticket addressing this issue, but it doesn't seem to affect, or is fixed, in CKEditor 3.2.

Updating to 3.2 is currently not an option, since it breaks backward compatibility for my custom skin.

Type code in a ckeditor instance containing html. Note, don't style normal text, but type in the following plain text: <br/><b>some text</b><table><tr><td>some table data</td></tr></table>

The submitted data is correct. The value of the submit is as follows: <p>

&lt;br/&gt;&lt;b&gt;some text&lt;/b&gt;&lt;table&gt;&lt;tr&gt;&lt;td&gt;some table data&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</p>

This is where the problem lies. Populate a textarea with this data and instantiate a ckeditor on it.

<textarea cols="70" id="messageBody" style="width:805px" rows="8" name="messageBody" tabindex="2"><p> &lt;br/&gt;&lt;b&gt;some text&lt;/b&gt;&lt;table&gt;&lt;tr&gt;&lt;td&gt;some table data&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</p>

</textarea>

Instead of seeing the typed text, you see a full html rendering of your typed text in the ckeditor field. "Some Text" is bold, and there is a table with a cell containing "some table data".

Expectation is that the editor should render the text "<br/><b>some text</b><table><tr><td>some table data</td></tr></table>" instead of html.

Am I missing something, or is this an error? This is important, as I allow people to preview their posts and I wish to use this editor. If they preview the post, and there is any typed code, it munges the data.

Firefox (latest) Mac OS X Snow Leopard.

I've created a custom stylesCombo_stylesSet file, in which I've included some classes for links:

CKEDITOR.addStylesSet( 'my_stylesheet', [

{ name: 'Info', element: 'span', attributes: {'class': 'info'} }, { name: 'Error', element: 'span', attributes: {'class': 'error'} },

{ name: 'More', element: 'a', attributes: {'class': 'more'} }, { name: 'Feed', element: 'a', attributes: {'class': 'feed'} }

]);

The SPAN elements always appear, as described in the documentation. Also according to the documentation, the A element is a 'special selectable element', for which the styles only appear when this element is selected.

When I select a link in Firefox (2/3/3.6), en open the styles dialog, the "More" and "Feed" classes are present. However, doing the same in any other browser has no effect. Neither IE 6/7/8, Chrome, Opera or Safari. Note: that the other special types, like P and IMG do work in those browsers, only A elements appear to be be affected.

I've tested this with CKEditor 3.1, 3.1.1 and 3.2, and all versions have this problem.

HC detection should be turned off in webkit browsers.

Whenever I insert a new image and set its custom size, CKEditor adds style="width: 1px; height: 1px;. When submitted, the style attribute is missing. If I manually change the code to width="1" and height="1" in source view, those attributes are kept.

Since the timestamp is actually calculated using the release date, and version 3.1.1 and 3.2 have been released on the exact same date, the timestamp for both is the same.

This however defeats the whole purpose of this timestamp: to prevent caching.

Since this cannot be changed now, but might possibly happen again in the future, I would suggest to not only use the release date to calculate a unique timestamp, but also the CKEditor version.

Patch adding the missing translations in the Dutch language file.

To reproduce the defect

1. Open CK Editor Sample with Hebrew Language

2. Click on Link Icon.

See that the Protocol drop down list box has right to left orientation. However this causes corruption in the order of characters as this should be in Left To Right orientation (because the protocols are in English). Please see attached screen shot

We are testing the editor in an IPv6 environment on IE7.

Script debugger reports the error at:

return i&&new g(i.contentWindow.document);

in ckditor.js. This looks to be in issue in element.js.

I suspect it is the call to contentWindow.document that is causing the "Access Denied" error.

The editor loads, but is not usable.

To reproduce the defect

1. Open Ajax sample.

2. Insert a Table with some no of rows and Columns

3. Go in to one of Table Cell and Click on Insert/Remove Numbers or Bullets Icon

Actual Result:

Nothing happens,even when we type the text in the Table Cell it just shows as a Normal Text but not as Numbered/Bulleted list item

Expected Result:

A new Numbered/Bulleted list should start depending up on the Insert/Remove Numbers/Bullets Icon that you click on.

I have tested against IE 6,7 & 8

This is a regression issue.

To reproduce the defect

1. Open Ajax sample.

2. Insert a Table with some no of rows and Columns

3. Go in to one of Table Cell and Click on Smiley Icon

Actual Result:

See that the Smiley is inserted in to the Current Table Cell and the Cursor goes to the next Table Cell..If it is last Table Cell Cursor goes out of the Table

Expected Result:

Smiley should be inserted in to the Current Table Cell and the Cursor should remain in the same Table Cell.

I have tested against IE 6,7 & 8

This is a regression issue.

When an editor is destroyed the SCAYT fails. The patch fixes that issues as well as several coding style adjustments.

The alignment options do not work inside of a table cell if the content (text, image) is selected. Confirmed in FF 3.6.2 and IE 8. It was working correctly until 3.0.1.

Steps to repoduce

• Start with the following source

  <table border="1" cellpadding="1" cellspacing="1" style="width: 600px">
  	<tbody>
  		<tr>
  			<td>
  				one</td>
  			<td>
  				two</td>
  		</tr>
  		<tr>
  			<td>
  				three</td>
  			<td>
  				four</td>
  		</tr>
  	</tbody>
  </table>
  

• Switch to wysiwyg mode, select "one"
• Click on the "Right Justify" button
• result: text is not aligned to the right.

Currently the browser and version detection allows to use CKEditor with mobile browsers, but the fact is that they don't support editing the contents, so they can't edit anything at all if the source button has been removed.

I've tried to test for feature detection (as they might add it someday) but it reported the same results than a supporting browser for contentEditable and designMode.

The IE-specific fix for #3812 causes another bug if the CKEditor container isn't a descendant of document.body. This bug only occurs in IE (because we use the moveToElementText function).

Attached is a test HTML file as well as a potential patch. The main shortcoming of the patch is that it does scroll to the top of the page. If someone has a better fix that would be great!

The patch is a port of the ckeditor.php4 to asp.

I haven't found a way to do the automatic detection of the location of the current script, so that part is hardcoded to /ckeditor/ the rest of the behavior should match and the samples pages seem to work ;-)

details at the mwusers forum: ​http://www.mwusers.com/forums/showthread.php?14529-FCKeditor-extension-broken-category-links&p=48246

If you have a category that belongs to itself, there is an infinite loop that occurs in wfSajaxSearchCategoryChildrenFCKeditor(). Add the line "if ($m_root == $row->title) continue;" to the while loop after the database call is returned to avoid endless recursion:

while ( ( $row = $dbr->fetchObject( $res ) ) ) {

if ($m_root == $row->title) continue; $ret .= $row->title . "\n"; $sub = explode( "\n", wfSajaxSearchCategoryChildrenFCKeditor( $row->title ) ); foreach( $sub as $subrow )

if( strlen( $subrow ) > 0 )

$ret.= ' ' . $subrow . "\n";

}

1. Open the Ajax sample.

2. Type some text.

3. Select some text and apply the "Big" style in one of the words. Note that the style combo will be context sensitive when moving in/out that word.

4. Remove the editor.

5. Recreate it.

6. Open the Style combo so it gets loaded.

7. Click in/out the previously styles word.

The style combo will not be context sensitive anymore. Even when applying other styles, it will still not detect the current selection style properly.

To note that the styles list still shows the active styles properly.

1. Type two short paragraphs of text.

2. Hit CTRL+A to select all.

3. Click the the Bold button.

4. Click the Unordered List button.

5. Put the caret at the end of the first list item.

6. Hit ENTER twice.

Current results: the list never gets broken and new empty list items are created.

Expected result: the list must be broken and an empty paragraph must be created between the two resulting lists.

I am using the latest nightly build and when setting config.filebrowserImageBrowseUrl the "Browse Server" button is displayed on image-info. The "Browse Server" button is also displayed in the Link-tab.

This should not happen. I also specifically set config.filebrowserImageBrowseLinkUrl='' hoping that this will remove the Browse Server on Link but this is not the case.

A Link doesnt jump to an anchor which name ends with a blank. Only tested with the ckeditor vers. 3.2.5205 and firefox vers 3.6.3.

To reproduce this bug, we should have enabled option forcePasteAsPlainText in ckeditor configuration. Next step will be get a few text with paragraphs, sample text attached. The last thing will be paste it into editor, but without using Ctrl+V, paste Contextual Menu or button, it must be option from browser main menu Edit -> Paste. After we should get this in source:

<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p>
	Nullam suscipit auctor nisi sed vulputate.</p>
<p>
	Cras in odio sit amet metus rhoncus scelerisque id at nunc. Praesent a faucibus eros.</p>

but choosing paste option from browser menu produce something like that:

<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
	<br />
	Nullam suscipit auctor nisi sed vulputate.<br />
	<br />
	Cras in odio sit amet metus rhoncus scelerisque id at nunc. Praesent a faucibus eros.</p>

Completely ignoring the forcePasteAsPlainText setting. Bug appear in IE7, Opera 9.64 and FF 3.5.9. I haven't tested other browsers yet, but i think it also doesn't work in them. First report of this bug was on ​http://drupal.org/node/745020

The settings below work fine in Safari, Firefox and Opera. When using Google Chrome the "Image Info-tab" does not show a browse-button. Instead, the "Link"-tab shows the browse button - looks like a bug/incorrect swap to me.

FCKConfig.ImageBrowser  = true ;
FCKConfig.ImageBrowserURL = '/jsp/image/ImageBrowser.jsp?ImageBrowserTarget=fckeditor';
FCKConfig.ImageBrowserWindowWidth = '910';
FCKConfig.ImageBrowserWindowHeight = '700';
FCKConfig.LinkUpload    = false ;
FCKConfig.LinkBrowser   = false ;
FCKConfig.FlashUpload   = false ;
FCKConfig.FlashBrowser  = false ;

Reproducing Procedures

1. Load the any of the sample page;
2. Open 'Replace' dialog and fill in 'are';
3. Tab to focus the 'Replace All' button and press 'Enter';

• Expected Result: You get only the success message.
• Actual Result: You get both message: 'Specified text not found' and '1 occurance replaced'.

Reproducing Procedures

1. In Firefox, load the any of the sample page and clear up document content;
2. Press the 'Numbered List' command to create one list;
3. Keep cursor stay at the beginning of the newly created list item;
4. Open 'Format' combo and click on 'Heading1' style;

• Expected Result: You get 'Heading1' style opened inside the list item;
• Actual Result: List is removed and the block style is not applied too.

In Quirks mode, the dropdown list of all combos don't have vertical scrollbar.

The link plugin requires the htmldataprocessor plugin in order to properly create links, but the link plugin does not list the htmldataprocessor plugin as a dependency.

If you load the link plugin, but not the htmldataprocessor plugin, you will still see the behavior reported in #3928.

Load the replace by class sample page; 1.Open 'Replace' dialog and fill in 'are'; 2.click the 'Replace' buttton 2 times; 3.click the 'Cancel' bbutton or the 'x' button to close the popup window

Expected Result: the popup window is closed. Actual Result: a js error throws and you couldn't close the popup window any more

To reproduce the defect:

1. Open Ajax sample.

2. Type few lines of text.

3. Apply Bold Formatting to the text in the First line.

4. Copy the Formatted text in the first line and Paste it at the end of last line.

5. Select the Pasted text and see that the Bold icon in Toolbar is highlighted.

6. Click on Bold Icon.

Expected Result:

Bold Format applied to the text is removed

Actual Result:

Bold Format applied to the text is not removed.

We can remove the format using only the following two ways.

Go to HTML Source and Come back to WYSIWYG mode and select the text again and click Bold icon or

Select the Pasted text and Click on Remove Format Icon.

Same behaviour happens with Italic,Underline,Strike Through,Subscript and Superscript formatting options.

Tested against FF3,IE 6&7

The initial focus of the customized Link dialog when open in api_dialog sample is neither inside the URL text filed or any other field.

The sample page should provide right-to-left compliant styles for all indent level styles.

To reproduce the defect:

1. Open Ajax sample.

2. Type few words and apply Subscript or Superscript to one of the words.

4. Copy the Word for which you applied Subscript or Superscript Formatting and Paste it at the end of last line.

Expected Result:

Subscript or Superscript Formatting which we have applied to the word is still retained and when we keep the cursor in the word, Subscript or Superscript icon should be highlighted in the Toolbar and Subscript or Superscript Tag should appear on CK Editor Elements Path bar.

Actual Result:

Subscript or Superscript Formatting which we have applied to the word is not retained.

1. Open the Ajax sample.

2. Type a single line of text.

3. Remove the editor and recreate it.

4. Create a list item for the loaded line of text.

5. At the end of the list item, hit ENTER to create a new item.

6. Hit ENTER again.

Nothing happens.

Confirmed with FF 3.6 at least. Works well with the 3.2.

1. Load the following HTML:

<ul>
	<li>
		Item 1
		<ul>
			<li>
				Item 1.1</li>
		</ul>
	</li>
</ul>

2. At the end of "Item 1.1", hit ENTER three times. A new paragraph is started after the list.

3. Switch to source.

Note that an empty <ul></ul> is created in the first list item:

<ul>
	<li>
		Item 1
		<ul>
		</ul>
		<ul>
			<li>
				Item 1.1</li>
		</ul>
	</li>
</ul>

Confirmed with FF 3.6 at least. Works well with CKEditor 3.2.

Confirmed with IE8 and CKEditor 3.2. Works well with the 3.1.1.

1. Open the Paste from Word dialog.

2. Click on the bottom part of the pasting area. The caret will disappear.

3. Try putting the caret back to the pasting area by mouse click. It's impossible.

1. Open the replacebyclass sample.

2. Hit CTRL+A to select all text.

3. Apply a background color (e.g. yellow).

4. Select "some sample".

5. Apply a different background color (e.g. green).

The yellow background from the " text" bold text will be removed, remaining transparent.

Confirmed with FF 3.6 at least. Works well with the 3.2.

1. Insert an image.

2. Edit some of the image attributes with the Image dialog, like sizes, border, spacing and alignment. Confirm the dialog.

3. Drag-n-drop the image in another place in the text.

Note that all attributes set through the dialog get removed.

In Chrome (at least Windows), it's not possible to drag-n-drop text or objects inside the text.

1. Load the following:

<p>ThisAA isAA someAA textAA.</p>

2. Enable SCAYT and wait for it to highlight all words.

3. Hit CTRL+A to select all.

4. Apply a background color.

5. Check the Source code.

Note that a separated <span> tag has been created for every space and word in the text.

The "Remove Format" command removes SCAYT highlight lines also.

To test it, simply select a SCAYT highlighted word and hit the "Remove Format" button.

Toolbar not showing properly on IE 8

1. Open the Ajax sample. Note that the elements path works properly.

2. Remove and re-create the editor.

The elements path stops working. Nothing is shown.

When I'm browsing the server for links and selecting one (​http://google.com) sometimes in url field I get google.com and sometimes ​http://google.com. I think it's every other time.

When I've changed this:

var protocol = urlOnChangeProtocol.exec( url );

into this:

var protocol = url.match( urlOnChangeProtocol );

Code is working every time.

This was on Firefox 3.6/Ubuntu with firebug.

1. Load the following:

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

2. Hit CTRL+A to select all.

3. Apply the same background color (Yellow).

The color will not be applied to the entire text.

In both IE and Firefox, if you drag content from a document open in Word into the editor (rather than using cut and paste), it doesn't trigger the pasteFromWord filter.

To reproduce:

1) Create a short Word document (I'm using Word 2007) - optionally enable the 'smart tags' feature and enter some content that will be marked up as a smart tag.

2) Open the demo editor ​http://ckeditor.com/demo in either IE or Firefox, delete all of the existing content.

3) Highlight the content in Word, click it and drag to the demo editor window then release.

4) Observe that the usual Word cleanup doesn't happen - if you view source you will see a lot of spurious XML markup in the various Office namespaces.

5) If you copy and paste the content instead, the cleanup will happen as expected.

In spite of what ticket #4682 states as being fixed, in IE8 any DIV with height or width set in the style is NOT editable... I tested it in the full functional editor on the demo page too, and there it's also NOT working. Clicking on the div just selects it, but contents can't be changed.

To reproduce the defect

1. Open Ajax sample.

2. Insert a Table and go in to any of the Table Cell and Activate Context Menu.

3. You can drag any item in the Main Context menu and Sub menus in to Table Cells.

you can even drag the items in Styles,Paragraph Format,Font Name and Font Size lists in to the Editor body.

This is no Correct behaviour, we should not let the users drag the menu item.

Reproducing Procedures

1. Load any of the sample page and fill the editor with the following contents:

    <ol>
   	<li>
   		item1</li>
   	<li>
   		&nbsp;
   		<ol>
   			<li>
   				item2</li>
   		</ol>
   	</li>
   </ol>
   

2. Place the cursor at the beginning of the second list item (empty content) and press 'Enter' key;

• Expected Result:

   <ol>
  	<li>
  		item1</li>
  </ol>
  <p>
  	&nbsp;</p>
  <ol>
  	<li>
  		item2</li>
  </ol>
  

• Actual Result:

    <ol>
  	<li>
  		item1</li>
  	<li>
  		&nbsp;</li>
  	<li>
  		&nbsp;
  		<ol>
  			<li>
  				item2</li>
  		</ol>
  	</li>
  </ol>
  

Environment

All IE versions

Reproducing Procedures

1. Load any of the sample page and fill the editor with the following contents:

   <table>
   	<tbody>
   		<tr>
   			<td>
   				text <img src="http://dev.fckeditor.net/chrome/site/logos.gif" /></td>
   		</tr>
   	</tbody>
   </table>
   

• Expected Result: It should be able to place the cursor after the image.
• Actual Result: It's not possible to place cursor after the image with either mouse or keyboard.

Reproducing Procedures

1. Load any of the sample page;
2. Open 'Link' dialog, fill in the following fields with values:
   • URL : '​http://ckeditor.com';
   • Advanced Tab -> Name : 'anchor_name';
3. Click 'OK' to insert the link.
4. Open the dialog again on the inserted link;
5. Check the value of 'Advanced Tab -> Class Name';

• Expected Result: Empty value.
• Actual Result: 'cke_anchor'.

Environment

Firefox and Safari

Reproducing Procedures

1. Load the 'Full Page Support' sample page and fill the editor with the following contents in source mode:

   <html>
   <head></head>
   </html>
   

• Actual Result: Wysiwyg mode is broken and 'Source' command is disabled.

To reproduce the defect:

1. Open Ajax sample.

2. Type some lines of Text(say about 50) and you need to scroll down to see the text in the lat line.

3. Click on Find Icon to open Find and Replace dialog.

4. Type a word to find within the content.

Observe that the found text is highlighted where its found in the content but if text is found that isn't visible on the page without scrolling the page doesn't scroll automatically to show the text.

Once the editor is displayed, editor area's iframe is not having the Title attribute and inside the iframe, <html> element doesn't have the lang attribute.

Environment

All IE versions.

Reproducing Procedures

1. Load the 'Full Page Support' sample page;
2. Press 'Enter' key at the end of the first paragraph to create a new empty line;
3. Switch to source mode:

• Actual Result:

  <html>
  	<head>
  		<title>CKEditor Sample</title>
  	</head>
  	<body>
  		<p>
  			...</p></body>
  </html>
  

• Expected Result: There's a line break before closing </body>

  <html>
  	<head>
  		<title>CKEditor Sample</title>
  	</head>
  	<body>
  		<p>
  			...</p>
         </body>
  </html>
  

Reproducing Procedures

1. Open ​http://ckeditor.com/files/test.html
2. Select all page content with Ctrl + A;
3. Open any of the sample page;
4. Click on "Paste from Word" button once, in the popup dialog, allow the clipboard access option;
5. Press "New Page" to clear all contents;
6. Click this time on "Paste" button, in the popup dialog, allow the clipboard access option;

• Actual Result: The "class" attribute is missing.

   <p>
  	styled text</p>
  

• Expected Result:

  <p class="someclass">
  	styled text</p>
  

Bug 1:
If you have this

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

And select "sample text", click on "H1" (or any other block tag) the entire string is changed to H1.

Bug 2 (related):
When you switch to source and create this:

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

And switch back to normal, you don't get the expected result. Switch back to the source shows that CKEditor created this from it:

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

Which is not as expected.

There are two different cases affected by this bug:

Steps to reproduce (1)

• Open the editor and clear all content.
• Add an anchor.

Notice that the cursor is to the left of the anchor and can not be moved to the right.

Steps to reproduce (2)

• Open the editor and type some content
• Add an anchor after the content.

Notice that the cursor is to the right of the anchor.

• Move the cursor to the left of the anchor.

Notice that the cursor can not be moved to the right.

see ​http://dev.fckeditor.net/ticket/5489[[br]] it is desirable to don't have any default rules like identation and newlines applied to editor instances to prevent wrapping or spacing issues.

To reproduce the defect:

1. Open Ajax sample.

2. Click the Insert Emoticons icon on the editor toolbar.

3. Click any of the emoticons in the dialog to add them to the page content.

4. Continually open the dialog to add further emoticons.

You will see that the previously added emoticon is highlighted. The first emoticon should only be highlighted to indicate the currently selected emoticon.

If a dialog is open from the editor and the editor is destroyed, the dialog remains in the document, orphaned.

When editor.destroy() is called, all editor related divs should also be removed.

Steps to reproduce

• Open the replace by code sample
• Select all content and remove it. An undo snapshot is made.
• Add any element that is not a link with the toolbar [e.g. anchor, image etc.]. Another undo snapshot is made.
• Press undo once, so there is no content again.
• Add a new link.

Notice that the 'redo' button is enabled for no reason. [clicking on it, btw, doesn't do anything].

• Press undo twice.

Notice that the content is back to the default, so actually the two latest snapshots are skipped.
Take into consideration that no snapshot is made when creating link (as i reported earlier in #5385).

When you select 1 char inside a block level element, and click on the remove button, the formatting of that block element is removed.

However, when there is no selection, the 'remove' plugin does nothing. It should be either disabled when there is no selection, or remove the formatting of the current block element.

Since this last method is expected, i wrote a patch file for this which is attached.

Environment

IE6/7

Reproducing Procedures

1. Open any of the sample page;
2. Insert a checkbox with 'Value' field filled;
3. Switch to 'Source' mode and switch back;
4. Open checkbox dialog to edit through context menu;
5. Remove 'Value' field then close the dialog.

• Actual Result: JavaScript error thrown.

Environment

All IE versions

Reproducing Procedures

1. Open any of the sample page;
2. Insert a text field with all fields filled;
3. Switch to 'Source' mode and switch back;
4. Open 'Text Field' dialog through context menu;

• Actual Result: 'Value' field value is missing.

FCKEditor 2.x, seemingly appears in versions of Firefox/Safari, not reproducable in IE(8).

Steps to reproduce in Firefox 3.6:

1. Insert and Highlight some text in the Edit window.
2. Click Insert/Edit Link button.
3. Type in a url and click OK
4. The text that you highlighted to create a link out of is replaced by the url path you specified in the Insert/Edit Link dialogue.

Expected behavior: The text that you highlighted to create a link out of is not replaced by the url path. A hyperlink is created out of the original text pointing to the url specified.

I couldn't find a config option to change this behavior, believe it's a bug.

Environment

IE6/7

Reproducing Procedures

1. Open any of the sample page, copy all the content with 'Ctrl-C';
2. Click on the 'Paste' button, select 'Allowed' in the up-comming confirmation dialog.
   • Expected Result: Contents are pasted into document.
   • Actual Result: Paste dialog opens up;

first make sure you are in https environment, and then choose replace by class sample.

reproduce:

1. click insert image button
2. in the dialog first tab, enter a image URI in URL
3. click ok button

confirmed in Firefox3.5 and IE8,win7

when the last element of the edit doc is checkbox or radio, can't bypass it use right arrow key. that means we can't add content after the form element.

reproduce

1. enter this code in source view.

   <p>test<input name="ddd" type="checkbox" /></p>
   

2. turn to WYSIWYG mode,and press right arrow key to reach the position after checkbox.
   

expect result: the cursor is blinking after checkbox
real result: the cursor only can reach the position before checkbox,we can't go further any more.

confirmed in

1. win7, IE8 mode( IE8 compatible mode is ok )
   
2. win7, firefox2.0 ( firefox3.5 is available,thought can't let the cursor blinking after checkbox, but you can add content after it)

Reproducing Procedures

1. Open the "fullpage.html" page;
2. Open help dialog;

The cancel button auto set 'active' state.

Environment

IE8 Quirks

Reproducing Procedures

1. Open any of the sample page;
2. Load the document with the following content and selection:

   <p>
   	line1</p>
   <p>line2<br />
   ^line3</p>
   

3. Right click on the marked position to open context menu;
   • Actual Result: The third line keep disappearing from the screen until the context menu is closed.

Hi there,

When you are in a paragraph, indent adds margin. When you are in a list, indent adds nested list. When you are in a blockquote, indent adds...

1. a blockquote
2. indent a paragraph
3. indent the blockquote
4. do nothing

There is no best choice isn't it?

The Styles combo does not work as expected. I have this custom configuration:

{
	enterMode: CKEDITOR.ENTER_BR,
	removePlugins: 'elementspath',
	startupOutlineBlocks: true
}

When i start out with this (in the skins.html demo):

<textarea cols="80" id="editor_v2" name="editor_v2" rows="10">&lt;h1&gt;This is some &lt;h3&gt;&lt;strong&gt;sample text&lt;/strong&gt;&lt;/h3&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/h1&gt;</textarea>

1) Select the text "You Are"
2) Click the "Heading 2" in the styles combo
3) Everything becomes "Heading 2" e.g. all tekst.

Expected behaviour is that the text "You Are" is wrapped with <h2></h2> tags.

The following problem occurs with Internet Explorer 8 (but it works fine in Firefox 3.6):

1. Open a new CKEditor window. You may also use the demo editor at ​http://ckeditor.com/demo, but you must clear the contents first.

2. Enter the following text into the window. Make sure the first line is blank:

four

five

3. Copy the following text from Windows Notepad (or any plain text editor) to the Windows clipboard. Make sure there's a blank line between each text line:

one

two

three

4. Click on the first blank line in CKEditor to set the insertion point to the top of the document.

5. Click Paste.

6. The result is intermixed text as follows:

one

four

five

two
three

The pasted text should have been inserted at the top of the document before the existing text as follows:

one

two

three

four

five

I was able to reproduce this bug on IE8. I couldn't reproduce it on FF 3.6.5. didn't check other browsers. Tested with the demo and the trunk.

Steps to reproduce

• Open the demo and put the caret inside a cell of the table.
• Press SHIFT + F10 to activate the context menu.
• Go down with the arrow to the Cell option.
• Open the sub menu using the arrow/tab/space.

a JS error is thrown.

The arrows in RTL should be the opposite of LTR. Attaching a patch.

The arrows in RTL should be the opposite of LTR. Attaching a patch.

Updated Hebrew language file. Attaching 2 patches: one contains both the regular language file and the newly translated a11yhelp, and one contains only the regular language file in case the a11yhelp is not to be translated.
Btw, #5513 and #5514 should be fixed so the a11yhelp translation would be correct.

This cannot be reproduced with the sample files, but in the ​online demo of CKEditor, the buttons have an extra padding in the bottom with IE8 in IE8 mode. This is easy to notice in the last row, when compared with the combos.

When pasting in Webkit, there is often an extra <p>&nbsp;</p> added when you look at it in the Source view. The reasons seem to be:

1. Webkit adds a <meta> tag on html paste.

2. Webkit adds a <span class='Apple-style-span'> wrapper to the pasted content.

3. When pasting onto a new paragraph, if the pasted html contains block elements such as <p> or <h1>, it seems the ckeditor tries to clean that the nonstandard DOM but an empty <p>&nbsp;</p> is added as a result.

4. When the current selection is on a block element and you paste other block elements at that point, an extra block element gets prepend before the pasted content. This extra block element has the same tagName as the existing block element (same attributes as well) and its inner HTML contains only "&nbsp;".

I've come up with a way to deal with issues 1-3, but not 4. Right now I apply the following clean up code on a paste event when it doesn't contain Microsoft word junk. If you have some feedback or know of a better way please let me know. I am not sure where this would go if it were to be a patch.

CKEDITOR.on('instanceCreated', function(e) {


  if(CKEDITOR.env.webkit){
    editorInstance.on('paste', function(evt) {
      var data = evt.data;
      data['html'] = data['html'].replace(/<(META|LINK)[^>]*>\s*/gi, '' );
      /* If not pasting from word and pasting into a new paragraph,
       * clean up code, replace paragraph element, and cancel paste action.
       * Otherwise continue with paste event. */
      if( !( /(class=\"?Mso|style=\"[^\"]*\bmso\-|w:WordDocument)/ ).test( data['html'] ) ){
        var temp_div = document.createElement("div");
        temp_div.innerHTML = data['html'];
        //remove Webkit span wrapper tag
        if( (temp_div.childElements().length == 1) && (temp_div.childElements()[0].className.indexOf('Apple-style-span') > -1 ) ){
            data['html'] = $(temp_div).childElements()[0].innerHTML;
            temp_div = document.createElement("div");
            temp_div.innerHTML = data['html'];
        }
        var selection = editorInstance.getSelection(),
                range = selection.getRanges()[0],
                    orgStart = range.startContainer,
                       orgEnd = range.endContainer,
                         nextElement = orgStart.getNext();

        if(/^\s*<br>\s*$/.match(orgStart.$.innerHTML) && (orgStart.$.tagName =='P') ){
            var newRange = new CKEDITOR.dom.range(range.document),
              fragment=document.createDocumentFragment();
              
            for(var mynode=0;mynode< temp_div.childNodes.length; ++mynode){
                if(typeof temp_div.childNodes[mynode] == 'object'){
                    if(temp_div.childNodes[mynode].nodeName == '#text'){
                      fragment.appendChild(document.createTextNode( temp_div.childNodes[mynode].data ) );
                    }else{
                      fragment.appendChild(temp_div.childNodes[mynode].cloneNode(true));
                    }
                }
            }

            orgStart.$.parentNode.replaceChild(fragment, orgStart.$);
            //Reset cursor to before next element or end of the editor's content
            if(nextElement){
                newRange.setStartAt(nextElement, CKEDITOR.POSITION_BEFORE_START);
                newRange.setEndAt(nextElement, CKEDITOR.POSITION_BEFORE_START);
            }else{
                newRange.setStartAt(editorInstance.document.getBody(), CKEDITOR.POSITION_BEFORE_END);
                newRange.setEndAt(editorInstance.document.getBody(), CKEDITOR.POSITION_BEFORE_END);
            }
            newRange.select();
            evt.cancel();
        }
      }
   });



});

If I build a form using the toolbar in ckeditor and include a textarea in it then when you save and return to edit it sees the </textarea> as the tag used to define the initial CKEditor instance. Any content appearing after the textarea appears below the editor window.

Tested with IE8 and the demo.

To reproduce

• Open the demo and clear the content, insert a form and a textarea in it.
• Click twice on the textarea to edit the content.
• Write some content and press ENTER.
• At this point, another textarea is created and focused.
• Click on the textarea twice again. there are 3 types of this bug:

1. Put the caret at the end of the textarea's content and press ENTER. A new paragraph is created below.
2. Put the caret at the start of the text and press ENTER. the first character is being removed and a new paragraph is created above.
3. Put the caret somewhere else inside the textarea's text and press ENTER. the text after the caret is being moved to another textarea created below.

Although I have added HTM in:

$configHtmlExtensions? = array('html', 'htm', 'xml', 'js', 'HTM');

I still get the error message html in first Kb and upload is aborted.

Changing the extension to 'htm' manually solves this. But our third party scoring applications for competitions all use HTM as extensions, e.g. Bridge, Sail200, ZW.

If there is a separate CKfinder bug site you have managed to hide it very well!

If I paste the following into the source screen:

<html>
<head>
{html_header_includes}
</head>

<body>
{page_body}
</body>
</html>

then switch to html view and then back to source, the code becomes this:

<html>
	<head>
	</head>
	<body>
		{html_header_includes}</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
	<body>
		{page_body}</body>
</html>

Settings:

  config.fullPage = true;
  config.EnableXHTML = true;

Descriptive summary: When creating a Text Field element of type="text" Internet Explorer does not apply the 'type' attribute to the input tag. Because of this, the Context Menu for the same Text Field element will NOT display if accessed using FireFox.

This bug was realized since our application saves HTML into a database where users can modify the markup using CKEDITOR. Some of our users use Internet Explorer while others use FireFox.

Steps to reproduce: Using Internet Explorer:

1. Create a sample Text Field element.
2. Toggle 'Source' mode and copy the HTML which may look like this:

   <p>
   	<input maxlength="5" name="testName" size="5" value="testValue" /></p>
   

Using FireFox:

1. Toggle 'Source' mode and paste the above HTML.
2. Toggle off 'Source' mode back to Editor mode.
3. Right click on the created Text Field and you will notice that the option "Text Field Properties" is not present.

Verified With: CKEDITOR 3.2.1 using IE7 & FF 3.5.9 CKEDITOR 3.2.2 SVN using IE7 & FF 3.5.9

Since CKEditor, it is not possible to insert non-breakable spaces anymore like it used to be in FCKeditor. In FCKeditor, it was possible to add a non-breakable space pressing Shift + Space or Alt + 0160. In CKEditor, this is not possible any longer. I consider this as a bug as it is a regression.

To reproduce the defect

1. Open Ajax sample.

2. Click on Styles drop down to open Style options.

3. Look for Inline Quotation option

Actual Result:

Inline Quotation option is shown with out Quotation marks in IE.Tested against IE 6 & 7

Expected Result:

Inline Quotation option should show with Quotation marks like the way it displays in other browsers

To reproduce the defect:

1. Open Ajax sample.

2. Click on Styles drop down to open Style options.

3. Click on Inline Quotation Option.

Expected Result:

Closing and Ending Quotes are added and the cursor should be in between the quotes

Actual Result:

IE - - No Quotes are added and when we start typing the text we still cold not see quotes.But we could see the Inline Quotation Tag(<q> ) applied to the text in HTML Source

Safari, Chrome - - Closing and Ending Quotes are added but the cursor is out of the Quotes.

I have not Upload Pictures and Files in Ckeditor 3.2 in IE all version

Error start in function setUrl in line 356

355 var dialog = this._.filebrowserSe.getDialog(),
356 targetInput = this._.filebrowserSe[ 'for' ],
357 onSelect = this._.filebrowserSe.filebrowser.onSelect;

from file \_source\plugins\filebrowser\plugin.js (source files) and this not work orig file ckeditor.js (not source files)

When calling

CKEDITOR.tools.callFunction(2, "http://www.kajona.de/index.html#myanchor");

out of our custom filebrowser, CKEditor will convert the URL to

http://www.kajona.de/index.html%23myanchor

I guess this isn't a feature?

I don't know if it's clear enough on the screenshot but the "buy" button (3rd image) should have transparent rounded borders but they appear black. This is caused by imagecopyresampled not keeping trancparency on png.

Here is a fix for this : in CommandHandler/Thumbnails.php

add this code after the line

$oThumbImage = imagecreatetruecolor($oSize["Width"], $oSize["Height"]); 

(line 237)

if($sourceImageAttr['mime'] == 'image/png'){
imagecolortransparent($oThumbImage, imagecolorallocate($oThumbImage, 0, 0, 0));
imagealphablending($oThumbImage, false);
imagesavealpha($oThumbImage, true);
} 

Regards,

Ben.

To reproduce the defect:

1. Open Ajax sample.

2. Type some text and Click Insert Page break for Printing Icon.

3. See that the page break for printing is inserted in the editor.

4. Press Undo

Expected Result:

See that the Page break for Printing that we have inserted in Step 2 is removed

Actual Result:

Page break for printing is not removed no matter how many number of times we press Undo.

Tested against IE 6&7, FF3.6

While I was reading the code I've noticed that not all IDs (e.g. in dialogs) and classes (e.g. in the colordialog plugin) uses the 'cke_' prefix, some of them are quite common IDs such as 'picker'. This can lead to collision and make the integration problematic.

Hi,

cke_skin_kama .cke_editor css use display propetries with "inline-table" and width "100%".. when i put ckeditor in resizable iframe , textarea seen normal firefox 3.6.3 but ie 7 and 8 cant understand "inline-table".. if we change display "block" this time, ie normal but ff doesnt show normal..

When unsigned list is copied and pasted in IE, extra paragraph tags are added. When list is saved several times it's items are deleted.

Here are the steps to reproduce this:

1. Create a new unsigned list with three lines.
   

2. Add one new line and paste the list you just created. - you should have two lists now.
   

3. Click 'Source' button - you see that the list tags are wrapped in additional <p> tags.
   

4. Unselect 'Source' -> there are new lines on the displayed html.
   

5. Click 'Source' / unclick 'Source' or select 'Preview'
   

RESULT: Only the last item of the copied list is present. The other ones are deleted.

Check the attachemnt for more information

Browser name and OS : Windows XP + IE 7

Demonstration

• Open the demo and open the Image dialog.
• Go to 'Upload' tab and upload a file whose name contains characters that should be URL-encoded.
• After the upload is finished, sometimes a JS is thrown and the dialog does not switch to the 'Image Info' tab. in that case, switch manually to this tab.
• Take a look at the URL field. The characters that should be encoded (along with the space of the 'Public Folder' directory in the path) are not URL-encoded.

(For comparison, click on the 'Browse Server' button and select the file you have uploaded and notice that those characters are encoded)

This is actually a duplicate of #5170, but since that ticket was already reviewed and committed, here's another one (I guess [5273] should be reverted as the issue was misunderstood).

Note that this bug occurs when pasting any content, this is not an issue that exists only when pasting special character.

Updated description below:

When inserting content with insertHtml() inside of formatted text, editor breaks formatting and inserts content without formatting. Confirmed in FF 3.5. Works fine in IE8 and Safari 4.

Steps to reproduce

• open _samples/api.html example
• start with

  <p>
  	<span style="color: rgb(255, 0, 0);">Sample ^text</span></p>
  

• clear the textarea below CKEditor and type there "foo"
• press "Insert HTML"
• Result:

  <p>
  	<span style="color: rgb(255, 0, 0);">Sample </span>foo<span style="color: rgb(255, 0, 0);">text</span></p>
  

This can be reproduced in many different ways in CKEditor, everywhere where insertHtml() is used.

Targetting to 3.3 as it might be a bit irritating.

Please if you can help with the details of content editable properties with respect to an element which is an Input tab. When we try setting the contentEditable="false" property at the element level , it still show as editable . But when its done at the document level the elements behaves as non-editable . Please help us with this . Its URGENT !!

In the latest nightly build:

using IE 8 - if I first copy something, then go to:

​http://nightly.ckeditor.com/5378/_samples/replacebyclass.html

then right-click, the context menu appears, but "Paste" is greyed out.

if I right-click again, the context menu appears, and "Paste" is now an active option

If I delete the text that's currently in CKEditor (Ctrl-A to select all, then delete) and then right-click, the menu appears (all greyed out, then immediately disappears)

While trying to reproduce #5416 and following these instructions:

1. Open Ajax sample.

2. Insert a Table and enter the text in Table Cells.

3. Click on Remove Editor button to save the Page.

4. Click on Create Editor button to open the page again.

5. Go in to one of Table cells and delete the text in one of the Table Cell.

6. Open Table Context menu and Click on Delete Table Option.

using CKEditor 3.2.1 (both source and release), IE8/XP3 I get from time to time the following error: "object does not support this method or property" when creating CKEditor for the second time (not when deleting a table).

See attached screenshot for more details.

To reproduce the defect

1. Open Ajax sample.

2. Go in to body of CK Editor. Press Alt + 0 to activate Accessibility Instructions dialog.

Expected Result:

Focus goes to the Accessibility Instructions dialog and JAWS reads the content on the dialog.

Actual Result:

In FF: This only happens when we activate the Accessibility Instructions dialog for first time.

Focus does not go to the dialog and the cursor still stays in the body of the Editor.

we have to Press Tab 4 times to get the focus back on to the dialog and this is causing issues with JAWS not reading the Content when we activate the dialog for the first time.

We have to open the dialog second time to get the focus properly on the dialog

In IE: Focus never goes to Accessibility Instructions dialog no matter how may times we pressed the Tab.