Custom Query

The following is a convention I've seen used several places, including the default Wordpress theme:

<div id="divname">
</div><!-- #divname -->

The point is to make it clear which div element is being closed - very helpful in complicated markup where proper indenting cannot be maintained.

Occasionally I will use this convention in markup that makes it into CKEditor, whether through template snippets or pasted HTML. But the editor does this to it:

<div id="divname">
	</div>
<!-- #divname -->

Now that the comment is on the next line, it is much more likely to get separated from the closing div tag it belongs to. It is also easier to miss it entirely.

I love everything about CKEditor source indenting except for this behavior of forced newlines for HTML comments.

My guess is that HTML comments by nature are almost always typed by hand. So it follows that:

• Linebreaks, or lack thereof, may carry meaning
• If the person wanted the comment on a new line, they easily could have entered it that way in the first place

In light of that, I suggest that this behavior be removed.

Issue: If you type a line of text in the editor, then right click with your mouse cursor at the end of the line (i.e. to paste something), the text you just typed is highlighted.

This can be a problem because users may not notice the text they just typed is highlighted, so when they choose the paste option, it will overwrite the text they just typed. Ultimately you are unable to right click -> paste without erasing what you have already input into the editor.

I can reproduce this in the latest demo (although it sometimes takes a couple of attempts) using Firefox 5. Here is a small video showing it in action (taken from the demo): ​http://screencast.com/t/5OQpkuO4cepv

If the CKEditor contains text and the enterMode is set to CKEDITOR.ENTER_BR, then when you remove all the text in wysiwyg mode and switch to source mode, the source contains a '<br/>' element. This behavior only happens in the latest versions of Chrome (12.0.742.122) and Safari (5.1). Firefox 5.0 correctly shows the source as empty.

Steps to reproduce:

1. Create a textarea that contains some text such as 'test'
2. Replace the textarea with a CKEditor using the following config:

   var CKEditorConfig = {
     enterMode: CKEDITOR.ENTER_BR
   }
   

3. Highlight and delete all of the content in the CKEditor via the wysiwyg mode
4. Click the "Source" button to switch to the source mode

Expected result:

• The content is empty

Actual Result:

• The content contains '<br/>'

The table to insert symbols contains the left-pointing double angle quotation mark i.e. «

It would be useful to also have the right-pointing double angle quotation mark i.e. » as these quotations mark are used in many languages (e.g. French, Russian)

I'd like Ckeditor to indent/outdent a list item with tab/shift-tab.

I wrote a small (quite untested) patch that aims to do this. Feel free to use this.

CKEDITOR.plugins.add('liTab', {
    init: function(editor) {
        editor.on('key', function(ev) {
            if( ev.data.keyCode == 9 || ev.data.keyCode == CKEDITOR.SHIFT + 9) {
                if ( editor.focusManager.hasFocus )
                {
                    var sel = editor.getSelection(),
                    ancestor = sel.getCommonAncestor();
                    li = ancestor.getAscendant({li:1, td:1, th:1}, true);
                    if(li && li.$.nodeName == 'LI') {
                        editor.execCommand(ev.data.keyCode == 9 ? 'indent' : 'outdent');
                        ev.cancel();
                    }
                    // else we've found a td/th first, so let's not break the
                    // existing tab functionality in table cells.
                }
                
            }
        }, null, null, 5); // high priority (before the tab plugin)
    }
});

Known problems:

• one can "over-indent" <li> elements. (If there are no upper sibling, maybe should do nothing?)

• one can "under-indent" <li> elements, turning them to <p> elements.

I consider both of these problems minor. They are also present when using the indent/outdent buttons in the toolbar, and should be fixed there, if at all.

I've created a test case which replicates this problem. If you put the html attached in the editor when using IE 9 and toggle between source and design view you will see the row order change from 1,2,3,4 to 4,3,2,1 and back again.

All works fine in Firefox and Chrome. Tested on ​http://ckeditor.com/demo

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

When the content is pasted (or set using the source edit mode), in IE a "stack overflow" error will occur. In Firefox, this can manifest as an "unresponsive script" error.

It appears that the heavily nested nature of the document is what is causing the editor to hang or throw an error.

When the content is viewed on its own in a browser or copied and pasted on a vanilla contenteditable div, the above mentioned performance issues are not noticeable. This seems to suggest that the performance issues are a result of the editor's processing on the document rather than a browser issue only.

To reproduce the defect:

1. Open any sample type few paragraphs of text & click on Insert Page break icon.

2. See that Page break is inserted at the end of text.

3. Select all the content in Editor using Ctrl + A and click on Align Right icon.

Expected Result: All paragraphs are aligned to the right.

Actual Result: we are getting an Error. Error is 'null' is null or not an object

To reproduce the defect:

Copy the following code and paste it in source view.

<ol>
	<li> FirstListItem  </li>
	<li> SecondListItem
			<ol> 
				<li> ThirdListItem  </li>
				<li>  FourthListItem  </li>
				<li>  FifthListItem  </li>
			</ol>
	</li>
	<li> SixthListItem  </li>
</ol>

Scenario 1:

Go back to rich text, keep the cursor at end of last list item(Sixth list item) and press backspace until you delete list item

Expected Result: last list item is deleted and cursor goes to end of last list item(Fifth list item) in inner list.

Actual Result: last list item is deleted but a new empty list item is created after last list item(Fifth list item) in inner list.

Scenario 2:

Go back to rich text, keep the cursor at end of last but one list item(Fifth list item) and press delete

Expected Result: last list item is deleted and text in last list item gets appended to the text of last list item(Fifth list item) in inner list.

Actual Result: last list item is deleted but a new empty list item is created after last list item(Fifth list item) in inner list and a new list starts with the text in last list item

keep cursor at the new empty created list item and press Enter.

You will get a java script error

This is only happening on IE8 in Windows XP

I have found this issue when reproducing 8248

Scenario 1

1. Paste the following code:

   <ol>
   	<li> FirstListItem  </li>
   	<li> SecondListItem
   			<ol> 
   				<li> ThirdListItem  </li>
   				<li>  FourthListItem  </li>
   				<li>  FifthListItem  </li>
   			</ol>
   	</li>
   	<li> SixthListItem  </li>
   </ol>
   

2. Place the cursor before "sixth item" ^SixthListItem and press backspace

Result: You wont be able to delete "3".
NOTE: Webkit and Opera concatenates fith item with sixth item - FifthListItemSixthListItem. IE puts sixth item in new paragraph. Not sure which behavior is correct.

Scenario 2

1. The same as above
2. Put the cursor behind fifth item FifthListItem^ and start pressing delete.

Result: When all text in sixth item gets deleted, number is deleted at the end.

Version: Reproducible on www.ckeditor.com/demo

Repro: Type some text in a small font size and a background color. Increase the font size, continue typing.

Actual: The background color does not increase in size with the font size.

Expected: The background color should be the same size as the text.

In IE9, it is not possible to open a link in the edited text. For example, go to the CKEditor Demo. With Firefox, simply CTRL-Right-Click a link to bring up the Firefox browser context menu including 'Open Link in New Tab'. However, in IE9, CTRL-Right-Clicking a link brings up the browser context menu which only includes basic editing actions (nothing link related).

FCKEditor had functionality to work around this problem, but it seems to have been dropped from CKEditor. The functionality was added under changeset [2143] and was prompted by ticket #439 (IE: CTRL+Click to open links in a new window).

Please could this functionality be added back in? Thanks - Duncan

1. Load the editor with following source:

   <div>
   	<p>
   		foo</p>
   </div>
   
   

2. Focus the editor before switch to source mode.

• Actual:

  <div>
  	<p>
  		foo</p>
  </div>
  <p>&nbsp;</p>
  

• Expected: The last padding body paragraph created automatically by the editor is trimmed on output.

My users are having problems with tables - e.g. if inserted at top left of text field, they cannot insert a cursor before the table to add some text; or they cannot easily change the width of a column thru "normal" drag-the-handle procedures. Has anyone uncovered ways to fix this? Thanks.

As the summary describes, this patch will make you ckeditor 3.6.1 able to display an list of links in the link dialog, under a new link type called "urlList".

Changes are done in two files. The major part of the changes is done in the link.js file inside /plugins/link/dialog/link.js.

The other file needing changes are config.js.

In config.js you need to add a line like:

config.urlList = [ [Name of link,url of link],[Name of link2,url of link2] ];

In my case I use a custom config-file, and use PHP for generating the config. This way I can load my link-list from the database.

Check out a demo here: ​http://ckeditor.web1.siteman.no

I noticed there were a couple of missing translations in the trunk.

1. Load the Ajax sample.
2. Create the editor.
3. Without clicking in the editing area, click one of the image, flash or iframe buttons.
4. Insert any URL in the dialog and confirm.
5. Click the "Undo" button.

The inserted object is not removed. A second click on Undo removes it.

Confirmed with FF5 and Opera. Ok with IE9 and Safari.

1. Open AJAX sample and paste in the following code:

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

Problem 1:

There is no dummy paragraph above so it is impossible to exit list and type/insert something above it.

Problem 2:
Workaround - at least I thought so.

1. place the cursor before first item ^item1
2. Press enter so that new empty element is created
3. Press top arrow to enter the first element (IE9 has problem with that - #7434)
4. Press BACKSPACE

Results:

IE - creates empty paragraph. Correct
Opera - whole list gets deleted
Webkit - creates empty div instead of empty paragraph FF- first element gets deleted but nothing gets created. List jumps up.

Reproducible from CKE 3.0

It's common to see a problem for people trying to use things like jQuery validation on existing CKEditor instances and they just see that the value that they get is the original value.

The jQuery adapter only adds its code when a CKEditor instance is created with it, but it's common for the people to use things like replace by class or a server side integration, and then they want to use AJAX or validation using jQuery and they say that they have added the jQuery adapter but that it still doesn't work.

The idea to fix it is simple: the adapter should always use a listener CKEDITOR.on( 'instanceCreated' ) so that every instance gets augmented to be used properly with jQuery. That way is they add the adapter they'll always now that .val() with an element that is replaced with CKEditor will work.

Try to access CK Editor through ​https:// protocol

Steps to reproduce:

1. Copy an image from a website and paste in to CKEditor.

2. A security content message "Only secured content is displayed." will be prompted with a "Show all content" button.

3. Do NOT click the "Show all content" button and just close the message box.

Issue: Any of the combo's (Background Color, Text Color, Font Name & Font Size) in CK Editor toolbar do not work.

It was reported against 3.4.2 by one of our product teams but we could reproduce this against 3.6.2 as well.

Find attached a patch for the Dutch language file, updating all missing translations.

Using CKEditor 3.6.1 in Firefox 5.0 on Ubuntu, I get this error when I try to drag and drop some HTML into CKEditor (WYSIWYG mode) (I'm using prototypejs to handle the dragging and dropping):

uncaught exception: [Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIDOMNSHTMLDocument.execCommand]"  nsresult: "0x80004005 (NS_ERROR_FAILURE)"  location: "JS frame :: http://myhost/ckeditor/ckeditor.js :: q :: line 8765"  data: no]

I also ran this with CKeditor's unminified source and the problem occurs at line 125 of plugins/wysiwygarea/plugin.js:

this.document.$.execCommand( 'inserthtml', false, data );

After the error occurs once, everything works fine. I can drag and drop images and they all work without any errors.

I'm not sure of the exact reason for this error, I couldn't put together a test case to add to this issue unfortunately, however I wanted to report it in case others encounter this error and can provide more details or if they just want to know a workaround.

This error is similar to the error reported here, so that's how the workaround below was found: ​http://dev.ckeditor.com/attachment/ticket/5660/5560.patch

Add this JavaScript to fix the issue

CKEDITOR.on('instanceReady', function(e) {
	var editorInstance = e.editor;

    // Refresh 'contentEditable'
    var body = editorInstance.document.getBody();
    body.setAttribute( 'contentEditable', false );
    body.setAttribute( 'contentEditable', true );
});

The bug also happens with the nightly build (Revision number: 7199) taken on August 15th 2011.

Hi,

We use CKeditor on an internal portal, and recently have noticed that when using IE, the first word typed will be backwards until you hit the space bar. The only customizing I've done is about which items are displayed in the tool bar. I have no idea where to even start looking, and would appreciate any insight into this!

I added it to the portal last summer, and I don't think any of the developers have touched it since.

Thanks.

In CKEditor 3.61, pasting any content from Word into Chrome 13.078.112 causes extra "blank" line to be inserted before the content.

Steps to replicate: From the CKEditor Demo page, delete the existing content (Ctrl-A and Delete). Then, cut-and-paste content from Word using Ctrl-C then Ctrl-V, the Paste icon, or the Paste from Word icon. Finally, click "Source" to see the code that creates the extra "blank" line that will be inserted on postback.

Example: I copied the phrase "Now is the time for all good men to come to the aid of their country." from Word and pasted into Chrome. Clicking on Source revealed this HTML:

<p>

&nbsp;</p>

<p>

Now is the time for all good men to come to the aid of their country.</p>

To reproduce the defect:

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

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

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

Actual Result: Table dialog comes up and it shows value 3 for Rows but 6 for Columns.

3. Open context menu insert a row before or after an existing row and bring up the Table dialog from context menu.

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

Actual Result: Table dialog comes up and it shows value 4 for Rows but 8 for Columns.

4. Open context menu insert a column before or after an existing column and bring up the Table dialog from context menu.

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

Actual Result: Table dialog comes up and it shows value 4 for Rows but 12 for Columns.

To reproduce the defect:

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

2. Enter content in all table cells, keep cursor inside a table cell & select table tag in elements path bar.

3. See that entire table is selected.

4. Copy the table using Ctrl + C, keep cursor after the table and paste using Ctrl + V.

Expected Result: Table should be pasted properly

Actual Result: Table not pasted properly with out borders. we can't see Delete Table/Table Properties options in context menu and also we can't open Cell sub menu.

When we look at html source it shows it's missing the table tag for the pasted table

when we go back to Rich Text all the content in pasted table cells are merged in to one simple paragraph.

This is similar to issue #6730, but I'm experiencing it with a newer version than that issue was closed on.

In the attached screenshot, I double-clicked on the word Officia and clicked the link button, pasted a URL and hit Ok and the result was not as intended, as you can see. The URL is placed at the beginning of the paragraph vs. linking the word Officia to the URL.

For what it's worth, this is the stock CKEditor inside the Movable Type blogging platform.

When I click on the bottom right hand corner to resize the editing area, it makes the browser jump up making it impossible to resize the editor.

The screencast will show it what I mean better - ​http://www.screencast.com/t/yNvukots

This is in the latest version of Invision Power Board which uses CKEditor however I can also reproduce it on the CKEditor demo. If you scroll down to the very bottom of the page it will move the browser up. It does not create any issues but what happens is very similar to what occurs in Invision Power Board.

I opened a ticket with Invision and they say they cannot reproduce it - ​http://community.invisionpower.com/tracker/issue-31478-drag-to-resize-issue/

It only happens using Chrome 13.0.782.112 and Safari 5.1

I am also using Windows 64bit.

Command state is now updated by the "selectionchange" event only, while it's more of an UI event (which have latency), we need an command API to query the command state explicitly and optionally update it.

1. Open the Ajax sample and "Create Editor".
2. Without clicking on the editing area, click the "Link" button.
3. Type any URL and confirm.

A js error is thrown.

Confirmed with IE9 in both IE9 and compatibility modes.

To reproduce the defect:

1. Open any sample, type some text, keep cursor at the end of paragraph.

2. Click on text color combo and select a text color.

Expected Result: Cursor stays at the end of paragraph and when we type the text Text color gets applied to the newly typed text.

Actual Result: Cursor moves to start of editor body(i.e. first paragraph)

3. Move cursor to end of paragraph where we were before in step 1 and start typing the text

Expected Result Text color applied to the typed text.

Actual Result Text color not applied to the typed text.

Same issue happens when we apply background color

To reproduce the defect:

1. Open any CK Editor sample, keep cursor in editor body and click on Link icon.

2. In the Link dialog enter an URL(for ex: www.bbc.co.uk) for the link in URL field and press Enter button.

Expected Result: Link for the URL(​http://www.bbc.co.uk) in inserted.

Actual Result: We are geeting a java script error. and error is unexpected call to method or propert access

I have attached a screenshot of the error.

To reproduce the defect:

1. Open any CK Editor sample and create a numbered list

2. Select all the list items in numbered list and click on Bulleted list icon in the Tool bar

Expected Result: Numbered list is converted to Bulleted list.

Actual Result: Numbered list not converted to bulleted list and we are getting an error. and the error is 'this.$currentStyle is null or not an object'

Same issue happens when we try to convert Bulleted list to Numbered list

To reproduce the defect:

1. Open Ajax sample, with out focus in editor body, click on Link icon.

2. Enter a Url in the URL field on Link dialog and press OK button.

Expected Result: Link dialog closes & a link inserted with the URL you entered in URL field on Link dialog.

Actual Result: Link dialog not closed & link not inserted. we are seeing an error and the error is Invalid argument'

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

   <ul>
   	<li>
   		[item1]
   	</li>
   </ul>
   

2. Click on the "numbered list" button;

• Actual: JavaScript error thrown.

Currently it's unable to load ckeditor_source.js when document state is "interactive", e.g. on "documentReady" event. It's continued from #7153.

If I create CKEditor instance with empty initial text and disabled context menu, copy some text to clipboard, paste it through right-click Opera standard menu, nothing happens. It works only on second or third time.

Opera version is 11.50 english.

My config is <script type="text/javascript">

CKEDITOR.replace( 'editor_office2003',

{

skin : 'office2003', removePlugins : 'contextmenu'

});

</script>

When using Internet Explorer 9 in a page within a frameset the CKeditor instance's menu bar covers the entire document and the editor area can not be seen. This is the same with FCKEditor 2.x as well which I tried as a back up. Pulled from the frameset the exact sane page works fine.

Page works in frameset under Firefox, Opera, Chrome and Safari.

Folders, but also filenames with a apostrophe in it's name seem to cause CKfinder not to be able to generate and display thumbnails.

Example 1, apostrophe in foldername [img]​http://i52.tinypic.com/2nl464j.png[/img]

Example 2, apostrophe in filename [img]​http://i52.tinypic.com/219qjcg.png[/img]

Example 3 (without apostrophe) [img]​http://i55.tinypic.com/15x1wuw.png[/img]

In Dutch the apostrophe is quite commonly used in file and /or folder names because is represents the plural value of an item. Would love to see this fixed.

1. Open any CKEditor sample and enable scayt.
2. Remove all the text from the editor, and click on the source button
3. Copy and paste the below code:

   <p>
   	<strong>Day 1:
   	Monday:</strong></p>
   <p>
   	Day 2:
   	Tuesday:</p>
   <p>
   	Day 3:
   	Tuesday:</p>
   

4. Set your cursor after "Monday:^"
5. Press the enter key.

Result:The browser will freeze.

This issue was reported by Michael Camden on supprot channel (Subject: Windows 7 IE8 Freezing Issue)

This issue is reproducible in IE8 and looks like SCAYT issue.

If I want to add on the "Image Buttton" from the tools panel another tab called "LOAD" as on your DEMO, that do almost the same but instead of finding an image and load it "in your server", load to a server of my own, so I don't need to put the entire route of the desired image... how can i do it? or where can I find the information related to that?.

I want this because people that aren't used with routes will use ckeditor to put some news and related stuff.

Sorry if I don't explain myself well, english is not my native language.

Thanks in advance.

I'm using the sample webpage called "POP-UP" from the ASP downloaded files and im having this error message when I click the button called "Browse Server". Using the last version of Internet Explorer.

I adjunt an image for a more clear view of this error.

1. Load one default sample page;
2. Put cursor at any position followed by pressing enter key;
3. Click on undo button;

• Actual: The enter key is not reverted.

This ticket was reported by @Ken in our support channel (Topic:” Request for support: content incorrectly display”)

1. Open any editor sample and switch to source
2. Clear everything
3. Paste in the following code:

Example 1:

<p>
	<i><u><b><span style="font-size: 16pt"><span style="font-family: arial">Simple testing sample for all features, </span></span></b></u></i></p>
<p>
	<span style="font-size: 16pt"><span style="font-family: times new roman">font <span style="color: #ff0000">family, </span></span></span></p>
<p>
	End .</p>

Example 2:

<p>
	<span style="font-size: 16pt"><span style="font-family: times new roman">font <span style="color: #ff0000">family, </span></span></span></p>
<p>
	End .</p>
<p>
	<i><u><b><span style="font-size: 16pt"><span style="font-family: arial">Simple testing sample for all features, </span></span></b></u></i></p>

4. Switch back to WYSIWYG mode
5. Press CRTL+A, CRTL+C, CRTL+V

Result: All insights of paragraphs get wrapped in i,u,b (Example 1) or span (Example 2) tags.

Issue has been reproducible in IE browsers from CKE 3.1.

Insert the following code:

<table border="1" cellpadding="1" cellspacing="1" style="width: 500px;">
	<tbody>
		<tr>
			<td>
				1.1</td>
			<td>
				1.2</td>
		</tr>
		<tr>
			<td>
				2.1</td>
			<td>
				2.2</td>
		</tr>
		<tr>
			<td>
				3.1</td>
			<td>
				3.2</td>
		</tr>
	</tbody>
</table>

Go to cell 1.2, right click and choose Cell->Insert Cell Before.

Keep cursor in cell 1.2 right click and choose Column->Insert Column Before/After.

Issue: JS error is thrown and error message: 'colSpan' is null or not an object

CKEditor focus event doesn't appear to fire everytime.

I've attached an IntelliJ project. If you don't have that, use the index.jsp in your test JSP environment and run the page.

Click on the dropdown and select a different value (to trigger the onchange), then click into the CKEditor. If any dropdown value other than the first element is selected, clicking into the editor should clear it out. If you try the sample, this works every other time.

Run Select "2" from dropdown, click editor, see value disappear Select "3" from dropdown, click editor, nothing happens (focusFunction didn't execute) Select "4" from dropdown, click editor, see value disappear Select "2" from dropdown, click editor, nothing happens though it worked first time you clicked "2".

Do the same thing in the latest version of Chrome and Safari, browser will crash. (safari v5.0.5, chrome 13.0.782.112 m)

The included code uses nightly build 7228, same thing occurs with last release version 3.6.1.

Whenever I create an instance of CKEditor, the editor adds an opening and closing div tag in the content .

You can check this issue @ : www.proprofs.com/quiz-school/submit2.php

Login Details : sachin.proprofs Password : windows3816

Russian translation update

Scenario 1:

1. Open Ajax sample and type the following sentence ( This is test sentence.) and click on Insert Horizontal line icon.

2. See that Horizontal line is inserted after current paragraph.

3. Now click on Undo icon once.

Expected Result: Horizontal line inserted in step 2 should be removed & cursor should stay at end of paragraph typed in step 1.

Actual Result: It removes Horizontal line as well as most of text in the paragraph we typed in step 1 and also it disables the Undo button

Scenario 2:

1. Open Ajax sample and type the following sentence ( This is test sentence.) select the sentence and apply a Paragraph Format option( for ex: Heading 1).

2. See that Heading 1 paragraph format applied to selected paragraph.

3. Now click on Undo icon once.

Expected Result: Heading 1 paragraph format applied to selected paragraph is removed.

Actual Result: It removed the whole paragraph along with Heading 1 paragraph format.

This has been happening from rev 7225

1. Load editor with the following content:

   <p contenteditable="false">foo</p>
   

• Actual: BR is automatically added above the block;

This's not a end-user faced bug, while it's revealed by some failed tests on Opera - when focus is called before opening any dialog, it would become impossible to retrieve the editor selection (in dialog).

​http://ckeditor.t/tt/4246/1.html

Jumping scroll bar make wrong scrollbar position when pasting content. Reproduce steps:

1. input (paste) a large content
2. copy some content and paste at the bottom of the page or middle of the page,
3. the scrollbar doesn't show at the correct level to the pasted content position.

1. Paste the following code in to souce view

<ol dir="rtl">
	<li>
		first list item</li>
</ol>
<p dir="ltr"> LTR Paragraph </p>

2. Go back to rich text keep cursor in LTR Paragraph and click on Numbered List button.

Expected Result: List remains RTL and dir=rtl applied to second list item.

<ol dir="rtl">
	<li>
		first list item</li>
	<li dir="ltr">
		LTR Paragraph</li>
</ol>

Actual Result: List becomes LTR

<ol>
	<li>
		first list item</li>
	<li dir="ltr">
		LTR Paragraph</li>
</ol>

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

   <p><strong>foo^</strong></p>
   

2. Press enter key at the cursor position;
3. Try type more text at the new paragraph.

• Actual: Cursor inserted texts are not in bold.

Steps to reproduce the defect:

1. Open the Ajax sample in IE8.

2. Paste the following code into source

<p dir="rtl">
	paragraph 1</p>
<p dir="rtl">
	paragraph 2</p>

3. Go back to rich text, click on paragraph 1 & press Increase indent button in the toolbar.

4. Click once on paragraph 2 (so that frame is shown around paragraph 2) & click the undo button in the toolbar.

Result: The following webpage error is displayed and error message is Unspecified error.

This issue originally reported in ticket #7587 which is closed as duplicate of #7002 which is fixed in 3.6.2 but the original issue mentioned in ticket #7587 still exists so we are logging this new ticket to track the issue

Revealed by the following DT failure on FF3.6.3 run:

​http://ckeditor.t/dt/core/dom/node.html (test_isReadOnly)

We need to remove the hacks brought by #6025 and #6444 on Opera, which seems to have fixed on browser side, and we have a side effect confirmed when running some dialog based tests, the selection result would vary based on whether browser window is active.

The editor is not consequent when entering something after a link. Sometimes the entered character becomes part of the link - sometimes it becomes the first letter of the node following the link!

In FireFox (6.0.1) it seems like it is doing it correct. When moving the cursor towards the end of the link (using arrow keys) and stopping after the last character of the link and pressing the "A" character on the keyboard, the "A" becomes part of the link (it will now be the last character in the link). When the cursor is moved towards the link from "after the link" and stopping just before the last character of the link and then pressing "A" on the keyboard the "A" will NOT become part of the link but instead it will become the first letter after the link. When the same is done using CTRL+V (copying content from the clipboard) it works in the same way. This I believe is the correct behavior :-)

When using Chrome (13.0.782.215 m) it it a different matter: When doing the same procedure as explained above, it is not possible to enter "A" as the last character in the link - no matter from witch direction your cursor is coming from, it always inserts the "A" after the link. Oppositely when entering something via the clipboard (CTRL + V) it always becomes part of the link - in this case it is not possible to paste something in just after the link! The behavior of Chrome - I believe - is not correct and is not consequent!

IE (9.0.8112.16421) also behaves strange! When entering an "A" via the keyboard after the link it is always inserted after the link no matter how the cursor arrived to its position. When entering something via the clipboard (CTRL + V) it is also always inserted after the link.

You could argue that IE is consequent - but it would be nice for all browsers to behave the same way.

I have encountered this problem because my links should not be editable - so whenever a character is pressed while the cursor is inside a link the event is ignored/canceled. It is though allowed to edit text right next to the link ;-)

All of the above is tested using the latest nightly build (​http://nightly.ckeditor.com/latest/ckeditor/_samples/replacebyclass.html)

I use Windows 7 Ultimate SP1

It would be nice to allow radio buttons to be able to use vbox layout instead of the hardcoded hbox-layout.

This can be done by inserting the following code:

if ( elementDefinition.labelLayout != 'horizontal' )
  new CKEDITOR.ui.dialog.vbox( dialog, [], inputHtmlList, html );
else
  new CKEDITOR.ui.dialog.hbox( dialog, [], inputHtmlList, html );

instead of:

new CKEDITOR.ui.dialog.hbox( dialog, [], inputHtmlList, html );

In version 3.6.1 the code that has been changed is in line 479 of plugins.js under the dialogui folder.

It is then possible - when creating the radiobutton group in the dialog to use:

labelLayout: "vertical"

By writing the code in the above way it would be backward compatible using the hbox layout if nothing is defined - but if anything else than "horizontal" is used, vbox layout will be used instead.

I hope you will include this "minor" change so I don't manually have to insert it in the code for every update of CKEDITOR ;-)

To reproduce the defect:

Open any CK Editor sample, open Find Dialog and look at the check boxes on Find and replace dialog

Expected Result: Match cyclic check box should be checked and shown clearly

Actual Result: Match cyclic check box i checked but it's not shown clearly

Same issue happens with all check boxes on all dialogs ( Flash, IFrame)

This has been happening from rev 7222

I have added screen shots of Find dialog for rev7221 and rev7222

Load the uiColor sample and open the color selector. The dialog can't be closed with the Esc key because there's no Cancel button.

The patch works in this case just like pressing the close button at the top right.

Hi!

The problem is the following:

When I use the editor and typing in sg, then I select a part of the text or the whole of it and then clicking on the "bold" command it's makes the text bold. But then immediatelly I just simply click on a font-size (ex. 28) the text REMAINS in it's original size (althought I can see the span with size 28 around).

When I play it on the opposite way (first click on the size 28 then click on bold) it's working fine.

The source of the generated output differs only in the order of the "span" and "strong" tags.

The same situation appears when I try to give a html fragment to the editor. The result is the following: If the "strong" is outside and the "span" is inside it's fine. If it's in opposite way it's just wrong.

ex: GOOD:

<p>
	abcd <strong><span style="font-size: 28px">efgh</span></strong> ijkl</p>

WRONG:

<p>
	abcd <span style="font-size: 28px"><strong>efgh</strong></span> ijkl</p>

To reproduce the defect:

1. Open any CK Editor sample, click on Table icon to open Table Properties dialog

2. Enter value for Rows(5) & Columns(4) and click OK button.

Expected Result: Table with 5 rows & 4 columns is inserted and cursor goes to first table cell

Actual Result: Table with 5 rows & 4 columns is inserted but cursor going to last table cell instead of first table cell

This is happening from rev 7252

The current editor#selectionChange event is fired with some delay (due to performance consideration), while it might happen some synchronous code will depend on an instant selection change to bring editor up-to-date so an additional API could be used to satisfy this need.

Hi i am using ckeditor on xpage. I have 2 instance of ckeditor in 1 form. on the first instance i can add an image and it is displayed in the form. The selection of the 2nd image is fine,but when i send it on the server, i get the following error: E.setCustomData is not a function

In the paste from word plugin, there is a regexp replace of "<span>" for removing empty spans. The intention is right, but it is done without respect to the end tag. Thus ending up in a faulty DOM and destroying formatting of doc.

e.g. <p>normal <span style="my style"> text <span>with</span> my style.</span></p> Will cause styling to end after "with" instead of at "style."

This can in fact not be cleaned in regexp, it has to be done in the DOM.

The error is at line 1131 in _source\plugins\pastefromword\filter\default.js

The faulty code: Remove the dummy spans ( having no inline style ). data = data.replace( /<span>/g, );

Looked back to version 3.4 its at least that old.

Safari/Mac

TC

• go to sample ​ReadOnly
• press "make read only" button : Editing is disabled, Copy/paste buttons are disabled
• click editor body, and press some random keys on keyboard

Result

Paste as text, paste, paste from word buttons on toolbar are reenabled. When paste from word button is pressed, dialog window opens and user is able to paste ms word content. Text, pasted into dialog window, is not pasted to editor body.

Expected

Operations done on editor body, while read only mode is enabled, should not have influence on toolbar. Disabled buttons should stay disabled.

Editor r7257, Safari 5.0.6 Mac, related to #8050 and #6161

TC

• Open ​autogrow sample
  • In one of editors, switch to source.
  • paste few times, one after another, without pressing enter:

    <p style="margin:50px">&nbsp;</p>
    

  • switch to wysiwyg

Expected

Autogrow kick-in automatically, and edit area is spread to parsed content.

Actual

While mode is switched to wysiwyg, scrollbars are enabled, but autogrow does not. You should click on edit area to enable autogrow.

To reproduce the defect:

1. Open any CK Editor sample and insert a link.

2. Keep cursor inside the link and click on Link icon in the toolbar.

3. See that Link dialog comes up

4. Don't change any values, Close the Link dialog by clicking OK Button.

Expected Result: Link dialog is closed and Link gets selected.

Actual Result: Link dialog is closed but cursor going to start of editor body. This will cause huge inconvenience to users if they want to edit a document with huge content in it.

Is there a way to dynamically add UI elements like text box, text area, drop down....on clicking a button in a dialog. I want to achieve this so that I can let the designer/user choose to design his own form (with various UI elements) through a new customized plug-in.

Safari & Chrome

TC

• open editor and add Table with width set to 500%
• resize width of editor to make it smaller

Result

Editor body is not properly resized, editor frame is shrinking, while edit area and toolbars do not change.

Does not happen in 3.6.1

Load any sample page with the HTML5 doctype (<!DOCTYPE html>) under IE9 producing a wrong padding top on the toolbar.

1. Load any of the sample page;
2. Press enter twice at the end of first paragraph (to create two new paragraphs)
3. Undo once

• Actual: Checked the last paragraph, it contains a NBSP text node now.

In IE9, the toolbars are not wrapping properly.

Introduced with CKEditor 3.6.

The following test is crashing IE7:
​http://ckeditor.t/tt/7290/1.html

These are the reproduction steps:

1. Load this HTML:

<ul>
	<li>
		a</li>
	<li>
		b</li>
	<li>
		c</li>
</ul>

2. Put the caret after "b".

3. Hit the "Numbered List" button.

The browser will totally crash.

This doesn't happen if doing the same after "a" or "c". It just happens with items in the middle of the list.

Confirmed with CKEditor 3.6.1 at least.

The save button is restricted by default to design mode only due to this line:

command.modes = { wysiwyg : !!( editor.element.$.form ) };

That setting disables saving in source mode.

The updated Persian localization file was kindly sent to us by cksadra. Thanks a lot!

To Reproduce:

1. Using a nightly build, insert some text into the editor body.
2. Without selecting any text, open the link dialog and insert a URL. Click OK.
3. Place the cursor inside the link text and right-click to bring up the context menu. Select 'Edit Link' to bring up the link dialog.
4. Close the link dialog by clicking OK. (Note: there is no need to make any changes to the link values.)

Problem: The cursor is now positioned at the start of the editor body, instead of within the link text.

This only occurs when a link is inserted without any selection in the editor body.

It is only happening since rev [7237] which seemed to add a timeout for an issue in Opera (ticket #8301). Is it possible to limit this fix to Opera alone using CKEDITOR.env.opera instead of applying it to all browsers?

Safari most visible, chrome

TC

• Open any dialog window with tabs
• select first tab

Result

First tab title is highlighted, but second tab is overlaping part of highlight frame. It is visible under Safari 5/mac which has bold frame. Chrome has the same highlight frame thinner, so the overlaping is not as obvious

I am currently using version CKEditor 3.6.1 and have found a bug in the plugin.js file of the dialog folder.

I have modified the link dialog - (code added at the end). The dialog displays without problems in both FF and Chrome. In IE 9.0.8112 an error is displayed:

SCRIPT5007: Unable to get value of the property 'align': object is null or undefined plugin.js, line 2539 character 7

The problem is the following line:

if ( CKEDITOR.env.ie && CKEDITOR.env.quirks && children[ i ].align )

in the plugin.js in the dialog folder. The children[ i ] is null or undefined. A quick solution is to add a check for children[ i ]:

if ( CKEDITOR.env.ie && CKEDITOR.env.quirks && children[ i ] && children[ i ].align )

My code:
As it is inside a vbox the bug occurs (I believe it is when the radio buttons are defined) I have copied the part of my code where i define the UI of the dialog (and tried to remove unrelevant things - but let me know if you need more code...):

var infoTab = dialogDefinition.getContents( 'info' );
infoTab.add( {
  type : 'hbox',
  padding : 1,
  widths : ['100px', '100%'],
  id: 'outer',
  align: 'center',
  children : [
    // Insert Link to:
    {
       type : 'vbox',
       padding : 1,
       width : '100px',
       id: 'LinkType',
       align: 'left',
       children : [
         {
           type : 'radio',
           id : 'radioLink',
           label : 'Insert link to:',
           labelLayout: 'vertical',
           items : radioButtons,
           setup : function( data ) {
             debug("Setup...");
             //a lot of setup code removed... 
           },
           onChange : function( api ) {
              debug("onChange...");
              //code removed
           }
         }
       ]
     },
     {
       type : 'vbox',
       padding : 1,
       width : '100%',
       id: 'LinkCont',
       align: 'right',
       children : [
         {
           type : 'vbox',
           padding : '0px 0px 20px 0px',
           id: 'innerLinkList',
           align: 'right',
           children : [
             {
               type : 'select',
               id : 'link',
               items : [],
               size : 11,
               multiple : true
             }
           ]
         },
         {
           type : 'text',
           id : 'linkurl',
           label : 'Address (URL):',
           'default' : '',
           labelLayout : 'horizontal',
           validate : function(api) {
             //Code removed
           }
         },
         {
           type : 'text',
           id : 'linktext',
           label : 'Displayed Text:',
           'default' : '',
           labelLayout : 'horizontal',
           validate : function() {
             //Code removed
           }
         }
       ]
     }
  ]
});

// Remove the "Link Type" combo and the "Browser
// Server" button from the "info" tab.
infoTab.remove( 'linkType' );
infoTab.remove( 'browse' );
infoTab.remove( 'protocol' );
infoTab.remove( 'url' );

// Remove the "Target" tab from the "Link" dialog.
dialogDefinition.removeContents( 'target' );

//Remove the "Advanced" tab from the "Link" dialog
dialogDefinition.removeContents( 'advanced' );

To add a table in the CKEditor, and add the Caption and Summary. Then save and exit, only the caption will be displayed. Cannot see the summary.

When a selection contains an anchor that has some styling, and the user tries to apply another anchor to this selection, the DOM structure returned after applying the anchor is malformed.

To Reproduce:

1. Add the following HTML to the editor through source mode:

   <p>
   	Sample text <a href="http://ckeditor.com"><strong>Anchor </strong></a>more text</p>
   

2. Switch back to wysiwyg mode and select the entire editor contents.
3. Click the Link icon on the toolbar and enter a url for the selection e.g. www.ibm.com. Click OK.
4. Inspect the DOM for the editor contents - see the attached screen capture.

Problem: The DOM contains nested anchor nodes and an empty strong tag.

Note: Do not switch into source mode before inspecting the DOM - this corrects the DOM structure.

This issue causes problems for us in one of our extensions which needs to work with the DOM after the anchor styling is applied.

In the example above, applyInlineStyle from styles/plugin.js is used to apply the anchor to the selection. Is it possible to change the way this handles anchors in the selection to avoid this incorrect DOM structure?

I've confirmed this in Chrome on Windows 7, not sure of other browsers. If text is bolded using the strong tag, and has an inline style, it cannot be unbolded.

Steps to reproduce:

1. Goto ckeditor.com/demo and clear out the content
2. Press the 'source' button, and insert the following html:

<p>

<strong style="color:#40e0d0;">The quick brown fox.</strong></p>

3. Press the 'source' button again to enter WYSIWYG mode.
4. Select the text 'The quick brown fox' and press the 'bold' button. The text will not be unbolded.

UPDATE: Both original issue and the one from comment:5 can be reproduced

The updated Lithuanian localization file was kindly sent to us by Martynas. Thanks a lot!

Pasting three paragraphs of text, and applying a bullet to the lines seems to cause CKEDITOR to create a single bullet which wraps the content, and then multiple empty bullets for the other lines.

Steps to reproduce:

1. Access ckeditor.com/demo
2. Clear out the content.
3. Copy and paste the attached document using, CTRL+C/CTRL+V
4. Select all the text and apply a bulleted list

The issue is that in IE9 extra and unnecessary &quote; are added around url.

In user's case such code:

style="background-image: url("
http://www.sauvons-les-animaux.com/images/l/log/logo-22-ligne-blancheff.png");" 

was saved in DB what later was transformed to

style="background-image: url("
http://www.sauvons-les-animaux.com/images/l/log/logo-22-ligne-blancheff.png");"

what later was changed by CKEditor to

<table border="0" cellpadding="0" cellspacing="0" height="145" images=""
l="" log="" style="background-image: none;" width="170"
http://www.sauvons-les-animaux.com="">

Despite of what is changing &quot to ", this wouldn't happen if extra &quot; weren’t added

It is possible add a new fiels in link dialog (named f.e. text) And when I create a link you look the text and go to the link

I have a CKEditor will all the toolbar items in one line (i.e. no '/' in toolbar option). The toolbar items wrap nicely in all browser/OS except on Chrome/Ubunto. Please see attached illustration.

If I edit form's textarea contents in WYSIWYG and then move to source and back to WYSIWYG textarea contents are missing.

By entering textarea content via dialog contents remain.

Entering by pressing enter inside textarea in WYSIWYG results in new empty paragraph at the beginning of editing area.

Tested with FF 6.0.1

To reproduce the defect:

1. Open any CK Editor sample, type some text and insert a table with default values.

2. Open context menu in any table cell, and insert a new row/column before/after existing row/column

3. New row/column inserted correctly before/after existing column based on context menu option selected.

4. Press Ctrl + Z or click Undo icon in the Toolbar

Expected Result: Row/Column inserted in step 3 removed but cursor stays in same table cell from where we invoked context menu to insert new row/column

Actual Result: Row/Column inserted in step 3 removed but cursor goes to start of editor body.

This will be huge convenience for users when they are editing large documents.

Script error is displayed when insert special character tool bar is clicked.It throws the following script error in 3.6.1

"o.langEntries is undefined"

source:ckditor.js

line:89

This issue was reported in ​http://cksource.com/forums/viewtopic.php?f=11&t=22997

When using <asp:RequiredFieldValidator> for the <CKEditor:CKEditorControl>, then the validator returns an error on first submit, even if user types something in the editor.

After pressing the same button again, the validation returns no errors.

Hello. I have 2 editors in one page and i have custom image library. Both editors have links to the image library and upload scripts, but when I try to choose a picture from the library, which i do with simple a tag that have href like this: javascript: window.opener.CKEDITOR.tools.callFunction(4, '/path/to.jpg', ); window.close(); That thing works with the second editor (the old one, i added a second because i needed two textareas in my form). But with the new one it doesn't set the picture and doesn't close the window. Firebug says: E.setCustomData is not a function Can someone help me with this issue?

Script error is displayed when switching between multiple instances of ckeditor in IE7.

Steps to reproduce: 1.create multiple ck-editor instances 2.click on the other ckeditor instances other than the current one in focus.

Expected Result: Editor should be displayed Actual Result: Script error is displayed

"C.getSelection() is null or not an object"

Hi,

i have used this module for a couple of weeks and it has worked fine. when editing pages content it behaves as expected just as well when working with small articles.

but i have come across this behaviour when the text area takes the decision to increase its size to accommodate the text within. i had two articles that i created that had long-ish number of lines (not so much text or word count), and the text area would change its size every time i click on the text area. Please note that i made no attempt to change its size (by clicking on the right lower corner)

this problem occurs with firefox 6 AND chromium 13.0.782.215 on ubuntu 11.04 amd64

when i do try to resize before clicking in the text are i can only define it to diminish its wideness. and the mouse gets 'stuck' - i can click-and-hold but when i release the mouse click the text area still follows the mouse pointer.

However, the same browsers work perfectly well when the text inside is of a smaller 'volume'/'length'.

i have tried to find this problem on the forums but nothing there and due to the nature i though it might be categorised as a bug. my apologies if this is not the case.

i am using drupal and installed it using the WYSIWYG module

with regards,

Nicolas

When the following is pasted into the nightly demo CKEditor's Source view: <p><a class="subscriptions-link" href="/subscriptions/"><object data="urn:dynamic-text:journal-attribute:name" type="application/x-highwire-ui" />Subscriber Help &amp; Information:</a></p>

if you go to WYSIWYG view and then back to Source, it's been transformed into: <p>

<a class="subscriptions-link" href="/subscriptions/"><object data="urn:dynamic-text:journal-attribute:name" type="application/x-highwire-ui">Subscriber Help &amp; Information:</object></a></p>

which is problematic, because the new </object> tag the editor created has gobbled up the text that used to be beside it. The same problem occurs if you load into the editor a file which has the problematic <object /> tag in it already.

I've confirmed this on OS X in both Chrome 14.0.835.162 and Firefox 6.0.2 using ​http://nightly.ckeditor.com/7288/_samples/replacebyclass.html .

We have set pasteFromWordRemoveFontStyles to false in our config.

After that, when trying to copy a text of font 'Georgia' and size '10', we see that the font is copied properly, but the size is not. Size is copied as 12pt in the CKEDITOR. I am attaching the .doc file along.

Tested with MS Word 2007.

Could not test this with ckeditor.com/demo as the config parameter is not set i believe.

Based on forum entry: ​http://cksource.com/forums/viewtopic.php?f=11&t=23445

To reproduce:

1. Open replacebyclass sample
2. Put your finger on ENTER key :)
3. Enable SCAYT from toolbal
4. Now quickly click inside content area, press&hold ENTER key

Result: JS Error is thrown
Message: Microsoft JScript runtime error: 'document is null or not an object'
Line:1821
URI:http://svc.webspellchecker.net/scayt26/loader__base.js

5. Click inside content area one more time, press&hold ENTER

Result: JS Error is thrown
Message: 'pageYOffset is null or not an object'
Line:2616
URI:http://svc.webspellchecker.net/scayt26/loader__base.js

After pasting text via the pastefromword dialog no "isDirty" event is fired. We use this to trigger a "Save" action. So this is a problem for us, when the event doesn't come.

This is related to the following forum issue: ​http://cksource.com/forums/viewtopic.php?f=11&t=16840&hilit=ie7+scroll

I am still seeing the issue in the nightly build when using IE7: ​http://nightly.ckeditor.com/7288/_samples/replacebyclass.html

• in the editor, go to source mode and paste a large amount of html text (see attached the sample file).
• then go back to wysiwyg mode, and click inside the editor at the very beginning of the text
• scroll all the way down to the bottom, locate the bottom arrow of the scroll, and click in the editor area directly to the left of it (it will be a pointer cursor instead of the text cursor).
• see that it jumps back to the top of the editor.