Custom Query

Dear Support!

I am using FireFox 9,and CKEditor 3.1 version on Windows XP. My problem is that I would like to paste content correctly from Word documentation using the icon 'Paste From Word'.

I need the pasted content preserve the style,and all the inner,outer references as it is in my Word 2003.

I tested this functionality on your demo site,but there were no result.

Steps to reproduce the issue.

1.CTRL+A select all content in the doc,which consist of inner,and outer references.

2.CTRL+C copy the content.

3.In the CKEditor press the 'paste from word' icon.

4.Past the content using CTRL+V ,and press the ok button.

No working anchors,URLs,and font styles are lost.

I attached my word doc.

Thanks for your help.

Best regards, Szabi

IE6 and IE7 do not recognise the "name" attribute for a META element. For these versions of IE, in order to set the "name" attribute of a META element, it is necessary to set the "Name" (initial capital) attribute.

In commitMeta, the code should be:

				if ( CKEDITOR.env.ie && ( CKEDITOR.env.ie7Compat || CKEDITOR.env.ie6Compat ) ) {  
					meta.setAttribute( isHttp ? 'http-equiv' : 'Name', name )
				}
				else {
					meta.setAttribute( isHttp ? 'http-equiv' : 'name', name )
				}

In createMetaHash, the code should be:

			if ( CKEDITOR.env.ie && ( CKEDITOR.env.ie7Compat || CKEDITOR.env.ie6Compat ) ) {  
				hash[ meta.getAttribute( meta.hasAttribute( 'http-equiv' ) ? 'http-equiv' : 'Name' ).toLowerCase() ] = meta; 
			}
			else {
				hash[ meta.getAttribute( meta.hasAttribute( 'http-equiv' ) ? 'http-equiv' : 'name' ).toLowerCase() ] = meta; 
			}

TC is in comment_7, proposed fix in comment_8

​http://i40.tinypic.com/332wkyg.jpg Underlaying editor area distracts the flash-preview... ("Esikatselu" means "preview" in finnish)

Hello

I have a problem with linking an image to a high res version of the image in a new popup window. But when I check under "target" when inserting picture it doesn't exist, as it does when inserting a regular link.

Is this something that can be fixed to next version?

Thanks in advance /Lasse

1. Use a Chrome browser (I have 17.0.963.26 (Developer Build 0 Linux))
2. Go to ​http://ckeditor.com/demo
3. Insert the Page Break and select it (click it)
4. Press a 'Delete' key

The status bar shows "body pagebreak", however pressing a 'Delete' key does nothing.

1. At the Demo site, put image and enter following text to Alternative Text in Image Properties.

    >"'><img src="javascript:alert('Test')">
   

2. Go to source mode and switch back to wysiwyg mode.
3. Open Image Properties and see the Alternative Text. It became like following.

   >"'><img  data-cke-saved-src="javascript:alert( src="javascript:alert('Test')">
   

This issue is similar to this ticket (​http://dev.ckeditor.com/ticket/7243), but still causing on CKEditor 3.6.2. and Demo site.

STEPS TO REPRODUCE

0. Use either Chrome or Firefox. Bug is likely reproducible in IE as well, but I haven't confirmed this.
1. Navigate to a 3.6.2 cke sample page. Presently, ​http://ckeditor.com/demo exhibits this error.
2. Clear any existing content in the editor.
3. Create a table with 3 rows and 2 columns (OUTER).
4. In the top left cell, create a nested table with 3 rows and 2 columns (INNER).
5. In the INNER table, select the top two cells.
6. Right click to get the context menu and select cell -> delete cells.

EXPECTED RESULT

Only the top two cells of the INNER table are deleted.

ACTUAL RESULT

The top left cell of the OUTER table is removed, thus removing the entire INNER table.

MORE INFO

Please see related ticket #6289. This seems to be a regression from sometime after 3.4.2. Note that #6289 was reported as an IE-only issue, but this ticket affects FF and Chrome (and likely IE as well).

DIAGNOSIS

The two bits of relevant code are in the following files:

​http://dev.ckeditor.com/browser/CKEditor/trunk/_source/plugins/tabletools/plugin.js ​http://dev.ckeditor.com/browser/CKEditor/trunk/_source/core/dom/walker.js

In tabletools, the function getSelectedCells is of interest, especially lines 63-68.

54	while ( ( node = walker.next() ) )
55	{
56	  // If may be possible for us to have a range like this:
57	  // <td>^1</td><td>^2</td>
58	  // The 2nd td shouldn't be included.
59	  //
60	  // So we have to take care to include a td we've entered only when we've
61	  // walked into its children.
62	
63	  var parent = node.getAscendant( 'td' ) || node.getAscendant( 'th' );
64	  if ( parent && !parent.getCustomData( 'selected_cell' ) )
65	  {
66	    CKEDITOR.dom.element.setMarker( database, parent, 'selected_cell', true );
67	    retval.push( parent );
68	  }
69	}

This loop examines each node from the range start to the range end, according to walker.js. I am not entirely clear on the semantics of walker.js so I cannot say for sure whether it is correct, but from tracing it seems to be doing something reasonable.

When one selects two cells, the relevant portion of the DOM looks something like this:

TABLE (outer)
  TR
    TD (call this cell OA)
      BR
      TABLE (inner)
        TR
          TD (call this cell IA)
            BR  (call this node IABR)
          TD (call this cell IB)
            BR  (call this node IBBR)
        TR
          TD (call this cell IC)
            BR  (call this node ICBR)
          TD
            BR
        TR
          TD
            BR
          TD
            BR
    TD
       BR
   TR
     TD
       BR
     TD
       BR
   TR
     TD
       BR
     TD
       BR

When we select the top two cells of the INNER table our range goes from IABR to IBBR. It is also very easy to accidentally select the first cell of the next row, resulting in a range that goes from IABR to ICBR. The walker considers these nodes, but also the table cells IA, IC and their parent TR.

Note that line 63 fails to pass true (i.e. includeself) to getAscendant, and so erroneously includes cell OA in retval.

PROGNOSIS/PATCH

Please find attached a patch for this problem. This patch does two things.

1. Passes includeself for the two calls to getAscendant.
2. Ignores a number of table related nodes (TABLE TR TBODY TFOOT THEAD). If the walker were to consider a TBODY element in a nested table, I think the same behaviour would happen without this check.

This patch was made against cke 3.6.2.

OTHER

If anything is unclear about the issue or patch, please do not hesitate to email me at either dhamilton at verticalresponse.com or cke at hjdivad.com. Thank you in advance for your time.

To reproduce:

1. Create a table
2. Type space into one of the cells
3. Paste some text with carriage return into this cell.

Results:

1. If there is text above table contents will be pasted at the beginning of document.
2. If table is first element in document than content pasted into any cell, other than first, will end up in first table cell.

Reproducible from CKEditor 3.1 in Opera

Following is the sample content

<p>

<em style="text-decoration: none; color: rgb(203, 32, 39); "><a href="​https://dev.ckeditor.com" target="_blank">Url to be modified</a> </em></p>

If the content has <em> tag which has some styles unable to revert the Italic or underline styles

Load any CKEditor sample and open the color picker dialog by clicking the 'More Colors..' option on the 'Text Color' or 'Background Color' toolbar icons for example. Use the keyboard to navigate the color table.

Problem: The focus indicator around the currently selected color is not very clear.

CKEditor relies on the browser to display visual focus, however this can be difficult to see against the different background colors. In fact the focus is not displayed at all in recent versions of FF.

We would like to be able to add our own styling to focused elements on the color picker dialog.This is already possible for the special characters dialog through the cke_light_background class. We would like a similar capability for the color picker dialog.

For example a CSS class could be added to the current selection on the color table in updateHighlight() and updateSelected() in colordialog/dialogs/colordialog.js. This class would then need to be removed when another color is selected.

As this is an accessibility concern, this is a high priority for us and we would appreciate a fix in a 3.6.x release.

I'd like to recommend adding the following lines into the themes css definition: li.cke_panel_listItem { list-style:none; } li.cke_panel_listItem a { border-color:transparent; } Without the first one, the panel (format, style...) adds a weird margin in IE(8,9) in some cases, the latter adds uggly border in case of dark backgrounds (there is a white border that is not visible in case of a white background).

When using iPad to edit with ckeditor, whatever height of ckeditor you set in config, it's height will be more if content has more lines. Tried on demo, adding new line doesn't show scollbar but makes editor area higher. This could be related to bug #8642.

From CKEditor demo, insert a table, go to line after the table and insert another table. At this point, there is no way to separate the tables.

This issue has been raised by our customers. Could something simple be done (i.e., insert a <p> if the user is creating a table before or after an existing table)? Of course, they could still get into the situation, but it will not be the default behavior.

Alternatively, is there a suggested way that we could work around this?

Steps to reproduce:

1. Create a table (default values are fine)
2. Place the cursor in the first cell and click/drag to highlight the rest of the table
3. Paste the table in the editor below the first default table

Result:Not only it does not copy style attribute #8661 but it also pastes all cells in single row.

Reproducible from CKEditor 3.0.

Tested in Chrome.

When making a text selection with your mouse in CK Editor, you often have to do it two or more times. Sometimes the selection will reset, sometimes it will change on you, sometimes it will go back to a previous selection. When applying a change to a selection, (deleting the text, appling a style, etc.) the change will often be ignored and the selection/cursor will reset to the start or end of the selected area.

Seems to only happen when in a table where there is content in an adjacent table cell.

This problem was reproduced in the CK Editor Demo and CK Editor 3.6.2 on Dec. 17, 2011.

How to reproduce:

1. open the demo,
2. go to Source mode and paste this:

   <p><!-- BUG -->loren ipsum</p>
   

3. go back to WYSIWYG,
4. press ctrl+A (select all), ctrl+B (for bold) --> BUG!

A quick fix: core/dom/range.js, enlarge() method:

if ( ( sibling.$.offsetWidth > 0 || excludeBrs && sibling.is && sibling.is( 'br' ) ) && !sibling.data( 'cke-bookmark' ) )

The comment nodes are represented by CKEDITOR.dom.node (which doesn't have the is() method) instead of the expected CKEDITOR.dom.element

When editor is taller then visible part of page and you click somewhere around text (on demo page try above heading Little Red Riding Hood), editor scroll to the end.

Same behavior in firefox9 and ie9. In chrome everything is ok.

Ticket reported by Elias Srensen.

I have found a critical bug in CKEditor in Internet Explorer 9.

When clicking the editor (to insert text), the page refreshes with IE7 compatibility mode, and Internet Explorer displays the following error: "A problem displaying caused Internet Explorer to refresh the webpage using compatibility View".

This error only applies to CKEditors WITHOUT innerHTMl content.

SOLUTION:

I disabled the font 'Helvetica' on my system, and reloaded the page; Now it didn't refresh the page, and everything worked as purposed.

Can you check this error, and fix it?

When pasting certain HTML content from an application like IBM Sametime into CKEditor, the browser will crash. This is consistently reproducible.

This issue was originally reported against IE8 by a customer.

When testing in IE9, switch the "Document Mode" to "IE7 Standards". It does not appear to crash in other document modes.

The crash usually occurs in plugins/selection/plugin.js line 1719 on the call to ieRange.select() or an earlier line with the same call:

....
else
{
	this.setEndBefore( endNode );
	endNode.remove();
1719 -> ieRange.select();
}

this.document.fire( 'selectionchange' );
....

To reproduce:

1. Copy a snippet of a chat log from IBM Sametime. Alternatively, the clipboard HTML data flavor has been attached to this ticket.
2. Use CTRL+A in CKEditor, then CTRL+V to paste

Result: the browser crashes

When a table is created, we would like to be able to apply attributes/styling to the table element before it is inserted in the editor. Is it possible to expose an API which would give us access to the new element and the dialog data before insertElement() is called in the dialog's onOK function?

While the table element is our current concern, it would be great if a general API was eventually made available that would allow manipulation of any element before it is inserted in the editor.

Hi, I have a jason object saved inside html content as attribute. one of the members was set to False. when I load the data from the db again into the CKEditor, the false change to {cke_protected_1} and trying to deserizlise the string to object just fails. like:

...
&quot;ClientId&quot;:0,
&quot;IsSuccess&quot;:false,
&quot;FailureDescription&quot;:null,
...

"ClientId":0,
"ActivatedSuccessfully":{cke_protected_1},
"FailureDescription":null,

Any suggestions?
Thanks Eitan

1. Chrome browser only
2. Steps to reproduce

• choose font style ( bold for example or all at the same time)
• type something
• press enter

Result: text was transferred at the next line with cursor. An apart from that coursor is now at the beginning of the text. Expected result: when you making new paragraph by pressing enter, text of the previous paragraph stay on the previous line and do not transfer.

1. Chrome browser
2. Steps to reproduce:

• choose font style (bold for example)
• type something
• press enter, choose anotheк style (italics for ex) and type againg on the next line
• then try to delete what you typed using backspace

Result: When you press backspace to delete one symbol for example on a second line, all the second line are transferred on the first one.

Expected result: Deleting symbols by using backspase works correct

To reproduce the defect:

1. Open any CK Editor sample & insert a table.

2. Open Content menu and click on Cell -> Cell Properties option.

3. Cell Properties dialog opened.

4. Click on Choose button next to Background Color or Border Color text field.

5. Select Colour dialog opened.

6. Now press Esc.

Expected Result: Select Color dialog closed & focus goes back to Choose button next to Background Color or Border Color text field.

Actual Result: Select Color dialog not closed.

To reproduce the defect:

1. Open any CK Editor sample & insert a table.

2. Open Content menu and click on Cell -> Cell Properties option.

3. Cell Properties dialog opened.

4. Click on Choose button next to Background Color.

5. Select Color dialog opened.

Scenario 1:

Select a color in the Color list box and press OK button.

Expected Result: Select Color dialog closed, selected color gets applied to Background color and focus should go back to Choose button next to Background Color text field.

Actual Result: Select Color dialog closed, selected color gets applied to Background color but focus going to next field which is Border Color text field.

Scenario 2:

Select a color in the Color list box and press Cancel button.

Expected Result: Select Color dialog closed, no color applied to Background color and focus should go back to Choose button next to Background Color text field.

Actual Result: Select Color dialog closed, no color applied to Background color but focus going back to Background Color text field instead of Choose button next to it.

Same issue happens when we select Border Color and click OK & Cancel buttons on Select Color dialog

Focus going to next field after Choose button when we click OK button to close Select Color dialog

Focus going to previous field before Choose button when we click Cancel button to close Select Color dialog

I'm using a bootstrap popup modal inside which I'm using ckeditor, its working fine with IE9 and FF, but its not editable on second time click in Chrome.

before initializing a ckeditor I have also destroyed instance first and then its intialized, but still I'm facing the same problem.

I have tried to get the work around for this by clicking on New Page button in a ckeditor by using script code like: CKEDITOR.tools.callFunction(12, this);

but this is also not working and throws an error getSelection().

Any help will be appreciated alot.

To reproduce the defect:

1. Open any CK Editor sample & insert a table.

2. Open Context menu and click on Cell -> Cell Properties option.

3. Cell Properties dialog opened.

4. Click on Choose button next to Background Color.

5. Select Color dialog opened.

6. Now navigate through the Colors list using keyboard and verify the Color shown in the Highlight field.

Issue: Highlight field always showing the last color that we navigated.

I have attached a screenshot of the error

The CKEditor for ASP.NET control does not work under Mono. Reported here: ​http://cksource.com/forums/viewtopic.php?f=6&t=24610

Is there any reason the .NET CKEditor control should not work under Mono? I have several other .NET plugins working such as ImageResizer, that work fine.

The CKEditor plugin works great on my local machine, but when I deploy the solution to my Apache server with mod_mono plugin, I get a normal text area loading in the page, with no CKEditor.

I am fairly new to Mono, so I may have missed a step or done something stupid.

Any ideas or things I should check?

When in IE7 I use an anchor in the url that contain the slash char "/" the editor is not displayed.

It's happens only when the editor is initialized by javascript code (with CKEDITOR.replace method), not when the textarea is initialized automatically by class name.

The problem can be verified on your example too: ​http://nightly.ckeditor.com/7356/_samples/replacebycode.html#/ In this url I added the anchor with only a / char, but it's sufficient that the anchor contain it (like ...#p=a/b/c)

Hi there,

I have using CKEditor 3 for on of my site.Now in ckedior when i put some space in ckeditor content it shows me some unwanted characters in the out put instead of those space. Can you please help me out with some solution of this problem. You can see the text which is given through CKEditor from back end on the following URL

​http://www.flightoffers.org.uk. See at the end of the page. That description text is given through a CKEditor which is not 100% parsed as it shows some unknown character.

Thanks & Regards

Joydip Raha +91 9477039314

To reproduce the defect:

1. Open a CKEditor sample.

2. Insert a new table.

3. Open the Cell properties dialog using the context menu

4. Navigate to a Choose button in the dialog and press Enter to open the Select Color dialog.

5. Select Color dialog opens and JAWS reads the first color option. Inspect32 confirms that focus is on the first color in colors listbox.

6. Use Right Arrow key.

Expected Result: JAWS should read the next color in the list. Actual Result: JAWS reading the Cancel button name.

There are two issues here

First Issue: JAWS doesn't switch to forms mode correctly to allow navigating the color picker list box with arrow keys.

Second Issue: Odd jump to the Cancel button bypassing the input field on the dialog.

How to add Japanese fonts in fck editor for asp.net

Browser IE9. Right click on image, which is inside table, then click anywhere else on table. Image in table is still active, though it should be deselected. Also after theese steps pressing F5 shows IE9 not responding window.

I'm using ckEditor 3.6.2 inside modal popup and in Chrome when I second Time click to load popup along with ckEditor it is not editable to enter text. The issue which I traced is that second time the editor is not created completely. TD with id "ck_contents" which contains iframe is created partially second time.

The code snippet I'm using to create and destroy ckEditor:

function loadEditor() { Destroy

for (k in CKEDITOR.instances) {

var instance = CKEDITOR.instances[k]; instance.destroy(true); instance = null;

}

Create var config = {

height: 250, width: 530, startupFocus: true

};

$('#textEditor').ckeditor(config); }

But still the issue is same in Chrome. This is works fine in IE and FF, but unfortunately its not working in Chrome. Please help me get over this issue as its little urgent and I have been looking for this issue from last 3-4days.

Any help will be appreciated.

The jQuery adapter gets the form owner of an editor target element using $element.parents('form'); this is wrong, since a form element can be placed outside the form and associated with the form attribute (see ​http://www.w3.org/TR/html5/association-of-controls-and-forms.html). The jQuery adapter should use the form property of the form element which is its actual form owner.

Except one thing, it's same problem like ​http://dev.ckeditor.com/ticket/8349 The exception is the "sharedSpaces" environnement.

The CKEditor (3.6.2) fixed if NOT "sharedSpaces", but NOT fixed for "sharedSpaces"

If you copy formatted text from another website and paste it into a CKEditor, the text will be pasted formatted even though the option forcePasteAsPlainText is set to true. I'm using Firefox 10.0 on MacOs X 10.6.7 .

Steps to reproduce:

1) Copy formatted text from another website like ​http://www.nytimes.com/ . I have tried copying from Firefox and Chrome 2) Paste it into CKEditor using Firefox 3) Formatting should be pasted too

Copying formatted text from a text-editor (like OS X's TextEdit) works correctly, the formatting will be removed

CKEDITOR 3.6.2 We have a debug version of our site and a production version. Debug has all the CSS files split apart; in production they are combined and minimized. We also can open CKEDITOR on two pages, here A and B. Page A is much larger and loads more stylesheets than page B.

Our debug site, on page A, produces this error in IE 9 when attempting to create a CKEDITOR instance: SCRIPT14: Not enough storage is available to complete this operation.

document.js, line 40 character 5

This does not happen on our production site, or on the debug site for page B.

On the debug site, we are loading all of our stylesheets using <link> elements, a method that works without triggering this error on IE 8 or 9.

Could document.js be changed so that the createStyleSheet method is not used, or the exception is caught and an element created otherwise?

I'm sorry this is not an easily reproducible test case. I will work on that, but I'm curious if this possibility could be examined.

Using IE, on the demo site (3.6.2 currently)...

1. Create table, inside table, inside table.
2. Add text to one of the inner-most cells.
3. Select the entered text and click the "Link" button.
4. Enter any url in the target input field.
5. Click OK, view the *malformed result.

*selection is gone and instead of link being created from selection, target is inserted as if there were no selection.

Hello, I was build a new mod for phpBB3:

mod databse: ​http://www.phpbb.com/customise/db/mod/ckeditor/

community dev theard: ​http://www.phpbb.com/community/viewtopic.php?f=70&t=2149399

git: ​https://github.com/AlmogBaku/CKEditor-for-phpBB

With enter mode br, the following steps will create an extra line at end:

1. With empty editor, open bold style and type "foo";
2. Press enter key to enter new line;

• Actual Result: A 2nd new line is created at end of doc, can be reached by pressing the Arrow Down key.
• Expected Result: Only one new line created.

To reproduce:

1. Paste the below code in CKEditor

   <span style="font-size: 12px;"><span style="font-family: arial,helvetica,sans-serif;">This is </span></span>
   

2. Paste the below code into console or use PasteAsPlainText plugin

   CKEDITOR.instances.editor1.insertText("Hello, world");
   

3. Put cursor here: Th^is is
4. Execute console command or use PasteAsPlainText plugin.

Results:
Firefox and Chrome split each section in separate spans whereas IE and Opera do the expected and join all together. Safari drops formatting.

IE and Opera OK-

<p>
	<span style="font-size: 12px;"><span style="font-family: arial,helvetica,sans-serif;">ThHellois is </span></span></p>

Firefox -

<p>
	<span style="font-size: 12px;"><span style="font-family: arial,helvetica,sans-serif;">Th</span></span><span style="font-size: 12px;"><span style="font-family: arial,helvetica,sans-serif;">Hello, world</span></span><span style="font-size: 12px;"><span style="font-family: arial,helvetica,sans-serif;">is is </span></span></p>

Chrome -

<p>
	<span style="font-size: 12px;"><span style="font-family: arial,helvetica,sans-serif;">Th</span></span><span style="font-family: arial, helvetica, sans-serif; ">Hello, world</span><span style="font-family: arial, helvetica, sans-serif; ">is is</span></p>

Note also that Chrome drops font-size if it is default 12px. If you use font-size E.g 13 you will get spans like: <span style="font-family: arial, helvetica, sans-serif; font-size: 13px;">

Safari -

<p>
	<span style="font-size: 12px;"><span style="font-family: arial,helvetica,sans-serif;">Th</span></span>Hello, worldis is</p>

All issues have been reproducible from CKEditor 3.5. Before this version text was pasted without any formatting. From 3.5 there is an improvement but there is still something missing.

Exception is the Safari where it seems that this particular part was working till CKE 3.4.3 and was broken in CKE 3.5.

example:

<textarea id="editor"> akdfkjwjjwjj<sdhfjsd><ijsdoifjo>sjdiofjiosdjfoe </textarea>

CKEDITOR.replace('editor'); is success! CKEDITOR.appendTo('editor'); is error!

Problem
This ticket is related to - #588

Some clients ask about possibility to filter/block/modify certain HTML elements E.g.

1. How to remove all elements except strong and u tags and text nodes that are inside forbidden elements?
2. How to delete all a tags but leave their contents?
3. How to wrap all images in spans?

Below I have presented some incomplete solutions (just put code in config.js). You may ask why Incomplete?
The below semi-solutions work on initial data or when switching to source and back or when pasting with CRTL+V, but they don’t work with plugins that insert these particular tags.

Proposed solution
The new feature here might be some white-list/ black-list or simply list based filter that would:

• remove tags that are on the black-list
• remove tags that are on the black-list but depending on some filter configuration setting it would leave or remove tag contents.
• would change tags that are on black-list to other tags that are on white-list.
• “Which tags should be changed to which” should be also defined in configuration option (something that user can define), perhaps in form of an object where properties are tag names:

  var myFilterList = {
  	a : '',
  	strong : 'b',
  	img : 'img:span'					
  }
  

• Please note that object used above can tell filter to remove tag (a : ), change it (strong : 'b'), or wrap it (img : 'img:span').

Semi-solutions

This code wrap images in spans

on :{
	'pluginsLoaded' : function( evt ){ //it must be done before "instanceReady" to make the tag blocking in effect
		evt.editor.dataProcessor.dataFilter.addRules({
			elements :{
				span : function( element ) {
					//the rule for img is dumm as it keeps adding span tags the idea is to remove span and let img add it
					if ( element._processed )
						return;
					if(element.attributes.id == 'cke_image_s_wrapper')
						delete element.name;
				},
				img : function( element )
				{
					if ( element._processed )
						return;
					element._processed = 1;
					element.alt = (!element.attributes.alt ? element.attributes.alt : 'An image');
					var parent = new CKEDITOR.htmlParser.element('span');
					parent.attributes.style='border:10px solid #f00;display: inline-block;';
					parent.attributes.id='cke_image_s_wrapper';
					parent.add(element);
					parent._processed = 1
					return parent;
				}
			}
		});
	}
}

This code removes a tags but leaves their contents

on :
  {
	  'pluginsLoaded' : function( evt )  //it must be done before "instanceReady" to make the tag blocking in effect
	  {							  
		  evt.editor.dataProcessor.dataFilter.addRules(
		  {
			  elements :
			  {
				a : function( element ) 
				{			delete element.name									
}				
			  }
		  } );
	  }
 }

Reported on the community forum: ​http://cksource.com/forums/viewtopic.php?f=11&t=24649

Two problems: both work fine using a normal asp.net textbox control. But neither works using the asp.net CKEditor control.

PROBLEM 1: I can't set the focus on the CKEditor text area.

In the code behind:

CKEditor1.focus(); <<< doesn't work

Reported on the community forum: ​http://cksource.com/forums/viewtopic.php?f=11&t=24649

Two problems: both work fine using a normal asp.net textbox control. But neither works using the asp.net CKEditor control.

PROBLEM 2: I can't get character count using javascript (max char issue)

My code works on a normal textbox control, but doesn't with the asp.net CKEditor control. If you want to see the code, let me know.

When opening the context menu in a 'long' document, but not selecting an option and opening the context menu again (with the right mouse button) the editor scrolls to the top while the right mouse button is depressed, and jumps back to the original location after it is released. (Unless the page the editor is in is HTML 4, then it does not jump back to the correct position).

This behaviour can be reproduced on the CKEditor demo with IE9 by copy/pasting the content a few times, scrolling down, right clicking, and the right clicking again.

The cursor position while the right mouse button is down is at the beginning of the document text, and it is possible this is inside a non-editable element. This element can then be edited!

I installed Ckeditor3.6 and integrated with my application. Running my application in IE7. CKeditor did not display any tool images. However, it did display the tool tips as I moved the mouse across the screen. I did check the skins and images dir. Everything installed properly. Please advice.

<head>
<link type="text/css" rel="stylesheet" href="{$resourceUrl}FeesAndDisclosures.css"/>
<script type="text/javascript" src="{$resourceUrl}ckeditor/ckeditor.js"></script>
</head>
<body>
<!-- 'textComponentText' is my Text Area -->
<script type="text/javascript"> CKEDITOR.replace( 'textComponentText' );</script>
</body>

I downloaded the CkEditor libraries from www.ckeditor.com/downloads FYR. I attach the UI of my application after integrating Ckeditor. Thanks in advance

1. Enter Text and select the Image Link.
2. Enter the url of Image Location.
3. Click ok button .
4. Save the image.

But Image was not save in IE (element.js)

getOuterHtml : function()
		{
			
			if ( this.$.outerHTML)
			{

// IE includes the <?xml:namespace> tag in the outerHTML of
				// namespaced element. So, we must strip it here. (#3341)
		return this.$.outerHTML.replace( /<\?[^>]*>/, '' );
			}

	var tmpDiv = this.$.ownerDocument.createElement( 'div' );
			tmpDiv.appendChild( this.$.cloneNode( true ) );
			return tmpDiv.innerHTML;
		},

If we click save button first we are getting the outerHTML value but its calling the same again by the time its getting error is of this "this.$.outerHTML" value is null not an object

But if we click save button two times then only its saved the image.

One of our customers reported instances of text that looked OK when they typed it in to CKEditor, but was missing when the edited HTML was later included in reports generated by our application. Investigation showed their text was inside spans with style display:none We've worked out how to reproduce the problem with Firefox and IE (only checked IE7 onwards), see below.

The text inside the display:none spans is only displayed inside CKEditor on some browsers (e.g. IE9 in IE7 document mode). If the person entering the text has one of these browsers then there is no indication that there is a problem. The problem can be reproduced on 3.6.2 Demo and the Nightly Build demo.

To reproduce, do the following.... If using IE, turn on JavaScript Alerts using Advanced Internet Options. Paste the following into the editor while in Source mode.

<!-- Start of Text -->
<p>Testing</p>
<p>One</p>
<p>Two</p>
<p>Three</p>
<!-- End of Text -->

Go back to WYSIWYG mode. Select the word Testing and use the toolbar to set a background colour; in IE you get a JavaScript error (note the location of the problem). Select the word Two and use the toolbar to set a background colour; it works fine. Select the word Three and use the toolbar to set a background colour; in IE you get a JavaScript error (the error details indicate a different location to the first error because it is a different problem). Note: The problem with Three does not occur with Firefox.

Inspect the HTML in Source mode; it now contains weird hidden spans (see below). Clicking after the end of the word Testing and typing some text adds the text into the hidden span. Depending on the exact browser version, the typed text either gets displayed or hidden or sometimes does not go into the hidden span.

<!-- Start of Text -->
<p><span id="cke_bm_74S" style="display: none">&nbsp;</span>Testing<span id="cke_bm_74E" style="display: none">&nbsp;</span></p>
<p>One</p>
<p><span style="background-color: #ffff00">Two</span></p>
<p><span id="cke_bm_77S" style="display: none">&nbsp;</span>Three<span id="cke_bm_77E" style="display: none">&nbsp;</span></p>
<!-- End of Text -->

The example above used Background Colour but can be reproduced with any toolbar button which works on selected text (Bold, Font, etc). The HTML comments in the source are what is triggering the problem. During testing we have also observed other ways of producing JavaScript errors and have not yet worked out reproducible test cases. These include an error during paste and an error while changing the selection. Therefore there are at least two more causes of JavaScript errors.

The problem is being caused by CKEditor badly handling JavaScript errors. During command execution the source HTML is marked up with hidden spans indicating the start and end of the selected area. These are being added at the start of the command, but are not being tidied up because the script is being aborted by the error. If this was a simple bit of code, then I'd suggest adding a try/catch block where the exception handler cleans up the hidden spans. Whatever solution is proposed, it needs to be generic enough to cope with a range of problems including ones we have not yet worked out how to repeatably demonstrate!

There is a related ticket #8232 (Inline styles create empty garbage "cke_bm_" spans). This fixed one specific cause of JavaScript error. It did not fix the problem described on that ticket by fastballweb in comment 2. Nor did it fix the general problem of tidying up after exceptions.

I'm using the jQuery adaptor to load CKEditor into our CMS. This is how I am loading it:

	$("#add-article-button").click(function (){
		var config = {
			toolbar:
			[
				['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink']
			]
		};

		// Initialize the editor.
		// Callback function can be passed and executed after full instance creation.
		$('#add-article .wysiwyg').ckeditor(config);
		
		CKEDITOR.config.width = '360px';
	});

When I add text, select some text and click the "link" button, then try to add "google.ca" beside "​http://" and then click "Save & Close", the text gets saved as:

<p>
	<a href=\"http://google.ca\">http://google.ca</a></p>

This effectively breaks the link.

No where in my PHP am I add escape_quotes() or any function of the sort. I'm using FuelPHP and do not use such functions.

Moreover, it appears to only occur on my Mac (10.7.2) and in Chrome (17). In Linux (Ubuntu 11.04) using Chrome (17) or Firefox (9), it doesn't seem to occur.

Tested in Firefox 10.

Video: ​http://screencast.com/t/runCje9f

Reproduce:

Go to ckeditor.com/demo Make a list with a few items Select a portion of text including a preceding space. Hit paste. The preceding space is removed.

Steps to reproduce:

1. Go to any sample (using IE)
2. Copy the bullets from the attached document
3. Write out, "Hello World"
4. Select "Hello World" and apply a font-size of 14
5. Place your cursor at the end of the line, (Hello World^), and press the enter key to create a new line (Element's path is showing body p span)
6. Paste the bullets using the CTRL+V keyboard shortcut.

Result: All list items are wrapped in span-tags with font-size 14.

The issue has been reproducible from CKEditor 3.1 (In earlier versions results were not even close to the ones presented here)

NOTE:All browsers copy span to another line but only IE applies this span to inline elements or text

In Firefox 10 (verified) when selecting Text Background and Text Color there's a selection highlight bug.

1) Select a color (menu will disappears) 2) Select a new color and you will notice that the browser remembers the previous selection by keeping the old selection highlighted. The more you select, the more fames you get. 3) Hover over a highlighted color and the fame disappears.

Not sure if this is a bug or not but it doesn't happen in IE and Chrome.

In Google Chrome there is an issue with editing a link on a floated image.

Steps to reproduce:

1. Insert a floated image
2. Add a link to the image
3. Click on the image (optional, as it is already selected)
4. Click on the link icon (to update the added link)

Actual result:

5. The URL is not prefilled
6. Enter a new URL and click on "OK"
7. The URL is not updated.

Expected result:

5. The URL is prefilled
6. The URL will be updated

This works in all other browsers, and it also works on non-floated images in Chrome.

This issue has been present for quite some while. I however forgot to report is. I have found a mention of this issue in our own bug tracker dated 2011-05-05.

The issue can be easily reproduced in the demo available at ​http://ckeditor.com/demo

in files .../skins/something/editor.css is things like filter:; and !something! - it makes a lot of troubles on Rails projects in precompile time.

please make some validations.

I have recently wrote on the forum to see if it is possible in the CKEditor to add a New Layer with Absolute Positioning. From my search so far this seems to be not possible unless I would add my own source code object with an absolute position and then I could move it around in the editor. It was suggested that I add a ticket to see about requesting this feature.

Here was my forum description: ​http://cksource.com/forums/viewtopic.php?f=6&t=24738&sid=c3261aea87ae963506e560bf424dae41

Why is there no button to insert a New Layer with Absolute Positioning in CKEditor?

I am able to do this with TinyMCE. The feature is called "Insert New Layer" and "Toggle Absolute Positioning." I am also able to do this in Cute Editor for PHP. The feature is called "Insert Layer" and "Position Absolutely."

I am new to CKEditor and trying to figure out which editor is best for my needs on the site I am building. I know that I can add source html with absolute position then move the objects around. But I would like to be able to do it within the editor without having to add html code myself.

If this is not possible to do with a button on the toolbar, is there a plugin or something I can download to do this?

Steps to reproduce:

• Create a numbered list
• Select all the text, change the font size, color...

Result: The numbers are not affected

I encountered a javascript error when I try to create a table (with default parameters) with the latest ckeditor 3.6.2 samples\ajax.html using Internet Explorer 8. The only thing set in the configuration is entermode (which is set to ENTER_BR).

The javascript error is : nodeValue.length is null or not an object line: 130 char: 973

Steps to replicate the problem

1. Enter the word "TESTING" without the quotes into CKEditor.
2. Place cursor before T and press the Enter key. (The word TESTING will be on the 2nd line with a blank line on top).
3. Place the cursor on the blank line on top of the word Testing.
4. Click on the table button. The table dialog will appear.
5. Click on the OK button on the table dialog.

Notice that a table is created but the javascript error mentioned above is shown also.

NOTE: This problem do not seem to happen when I try other entermode e.g. ENTER_DIV or ENTER_P

Can anyone advise on what could be the problem here? Thank you.

This was working fine in FF7 Mac (and works fine in Chrome, IE, etc.). FF10 Mac seems to have broken it.

I have a plugin that runs this command: editor.insertHtml("<!--readmore-->");

When I run this in FF10 Mac, I get indeterminate results. Sometimes it works fine. Sometimes it makes entire paragraphs get wrapped into a cke_protected block (and disappear), sometimes I get {ckw_protected}{C}.

This is likely a continuation of this ticket unfortunately: ​http://dev.ckeditor.com/ticket/5309

We have a custom image insert dialog, where we populate the data in the "txtUrl" field (a regular input type text) with data from an external service, loaded using an Ajax request/callback. We then hides the element from the GUI (the user sees another selector, not the "raw image url".

After upgrading to 3.6.2, image edit in IE7 stopped working, and we found that the value in txtUrl was cleared (we could see it having the correct value, and then beeing cleared).

After a lot of debugging, we found that the method clearOrRecoverTextInputValue() in plugins/dialog/plugin.js was responsible for clearing the data.

(Since reproducing this bug involves setting up a custom dialog and and Ajax service I am not writing steps to reproduce here, but instead an explanation and a suggestion to code fix)

In the first run of clearOrRecoverTextInputValue(), the method saves the value of the input element into a custom attribute named "fake_value", and then sets the element's real value to . Since the value of our element at this stage is empty, is saved as value of the "fake_value" attribute.

Now, in between here our Ajax callback runs and returns, and populates the value of the input element with an URL (using the official API methods).

Then, in the second run, clearOrRecoverTextInputValue() attempts to restore the value saved in the attribute "fake_value" into the element's real value attribute. The value of this is still , and therefore is set as the real value of the element, overwriting what has been set from our Ajax callback.

clearOrRecoverTextInputValue() should only restore the value from "fake_value" into the elements real value if that is , any other real values means that someone else has modified the value in between the two calls to clearOrRecoverTextInputValue(), and that the elementæs real value should remain unchanged.

Code suggestion:

change: if ( isRecover )

{

item.setAttribute( 'value', item.getCustomData( 'fake_value' )

);

item.removeCustomData( 'fake_value' );

into: if ( isRecover ) {

if (item.getAttribute( 'value' ) == ) {

item.setAttribute( 'value', item.getCustomData( 'fake_value' )

);

} item.removeCustomData( 'fake_value' );

To reproduce the defect:

1. Open any CK Editor sample and insert a default Table with 3 rows & 2 columns.

2. Go to last cell in first row and split it Horizontally.

3. See that colspan="2" applied to second cell in both second and third rows.

4. Now go to last cell in first row and delete the cell.

Issue: See that colspan="2" still applied to second cell in both second & third rows and it should be removed

Webkit on Windows. After each paste editor scrolls to the bottom of the target paragraph. So if the whole text is single paragraph or div (happens when CKeditor config.forceEnterMode is set to false) it will scroll to the bottom of the page, alternatively to the pagraph's last line.

1. Paste long article from attachment - this is just single paragraph, no other html tags.
2. Scroll to the top of the article.
3. Copy and paste any (small or big) piece of text somewhere to the beginning of the article.

Result:In Webkit editor will scroll to the bottom of the article every time.

Mediawiki: 1.18.1, 1.17.2

FCKeditor: r111815(svn), r108997, r108796, r102666

Tags: nowiki, source ... do not work!

Example tag <nowiki>:

Before:

This: 
<pre>string pre</pre> 
<nowiki>String no wiki</nowiki>

After:

This: 
<pre>string pre</pre> 
String no wiki

Example tag <source>:

Before:

This: 
<pre>string pre</pre> 
<source lang="php">php code</source>

After:

This: 
<pre>string pre</pre> <div style="text-align: left;" class="mw-geshi" dir="ltr"><div class="php source-php"><pre class="de1">php code</pre></div></div>

Steps to reproduce:

1. enter to ckeditor with bbcode enabled: ​http://nightly.ckeditor.com/7364/_samples/bbcode.html
2. try to enter link with ampersand like ​http://dev.ckeditor.com/newticket?type=Bug&bug=Swear_once_more_and_get_banned
3. click on "Source"
4. See whats happend to the url!!

~Almog

I've also tried to fix it by config:

CKEDITOR.config.forceSimpleAmpersand=true; CKEDITOR.config.basicEntities=false;

and on the instance config too

If I had the toolbar group ["Indent","-","Styles","FontSize","-", "Image"]

And in a skin had the richcombo: {canGroup: false} option on, the output would have a separator as the last and first item of the toolgroup surrounding the rich combo boxes. (See image)

It would be nice to have an option to prevent these separators from ever appearing in the html to allow css styles such as border-radius to be applied to the right side of the last button of a toolgroup.

​http://draders.com/c/ckeditor_cangroup.png

To reproduce the defect:

1. Open any CK Editor sample, type a word.

2. Press subscript icon.

3. Type another word and press Enter.

Expected Result: Cursor moves to start of next empty paragraph.

Actual Result: Last typed word moved to next paragraph with cursor staying at the beginning of last typed word.

Same issue happens with Superscript

When you use the PasteFromWord Command on multiple nested lists, only the first nested list is really nested after pasting.

Try with

<ol id="d65e23">
	<li>
		toto
		<ol>
			<li>
				bibop</li>
			<li>
				tutut</li>
		</ol>
	</li>
	<li>
		tata
		<ol>
			<li>
				lolilop</li>
			<li>
				reir</li>
		</ol>
	</li>
	<li>
		tutu</li>
	<li>
		lolo</li>
</ol>

on the ckeditor demo

Put the code and then copy and pastefromWord, you'll lose the second ol

I tried to fix it for my webapp and found a way. I hope i didn't break anything by doing that.

In the flattenList filter in default.js line 418 (in ckeditor 3.6.1) i just did the following code : children = element.children so that the global loop takes in acount the flattened ol/ul. Otherwise the increase of level is lost.

The ​entities documentation says that config.entities is a boolean value indicating whether to use HTML entities in the output. Unfortunately, the code in plugins/entities/plugin.js also tries to treat this variable as a list and add it to the current list of entities:

var selectedEntities = '';
if ( config.basicEntities !== false )
  selectedEntities += htmlbase;
if ( config.entities )
{
   selectedEntities += ',' + entities;

The last line above is incorrect and should be removed.

Furthermore, the code assumes that the basic entities have been added in the first place. Note that the last line above (and every line following that) blindly adds a ',' separator---but if you turn off "basicEntities", then the string will be empty initially and you'll be adding a needless ',' character.

In short, configuring CKEditor for normal XML entities is broken. And it's a shame that, even though CKEditor claims XHTML compatibility, its out-of-the-box entity handling isn't XML compliant---the only predefined XML entities are clearly enumerated in the ​specification, and they aren't the same ones defaulted by CKEditor. And because the entity configuration is buggy, it's hard to configure CKEditor to be XML compliant.

in editor we switch into "source mode" and insert this text

<p><span>just some text</span></p>

now we switch back. move cursor at the end of text.Press ENTER we create new line. Now we enter short text and press ENTER (we want create new line again). But in reality, new line is inserted between our two lines and cursor is moved at begining of our second line. in IE9 it works correctly. I found this behavior in 3.6.1 and 3.6.2

1: Create the Table 2:Fill some data and leave some cells 3: click save button 4: In Editor its not showing the empty cells

In Firefox and IE

When I have a comment at beginning of HTML (comments are auto-generated by server), I can't use the Bold feature.

<!-- my comment-->
<p>TEST</p>

I have the JavaScript error : TypeError: Object #<Object> has no method 'is'

it's occurs in /core/dom/range.js line 1032

Until a solution is found:

 if(typeof(CKEDITOR) != "undefined")
        CKEDITOR.dom.node.prototype.is = function () { return false; };

1:Click on ' Table' icon & select any number of rows and columns ( 3 rows & 2 columns)

2. Enter any data in table rows and columns leaving any cells ( Ex: Leave last 2 cells as empty in 2nd & 3rd rows as shown in attached screenshot)
3. Click on 'Save' button
4. Observe the Table inserted in Content pane ( The cells do Not display in which data is empty)

Hello everyone, I've got a problem with ckeditor, and it's been there for a few years. I've been waiting for the latest updates, but even in there, the issue exist. Or am I doing something wrong ?

Imagine this: I create a table with width 650px, divided into 3 columns (width of column A is 300px, width of column B is 50px and the width of column C is 300px), padding and margins are set to 0, no borders. Then I insert an image with an exact width of 300px in column C, border = 0. You might think that's no problem, but immediately after inserting the image, the visual width of column B gets less, I think it 'shrinks' untill a width of 45px. When I resize the image to 299px, the visual width gets bigger. After repeating this resizing, I see that when my pictures gets the size of approximetally 290px the width of the columns looks like they should. But now I have a picture that's to small for the column.

I tried about everything (I guess). Even give all the cells their appropriate width mannually. Nothing seems to help.

Thanks in advance for all the help.

Kind regards,

Jos de Nijs

dtd.js seems to be missing the <figcaption> element.

See also #6414.

It seems that SHIFT+SPACE no working at all on Firefox 10.0.2 and have a problem on Internet Explorer 9.

Tested on the demo CKEditor.

Hi,

I'm a web developer and i'm using the ckeditor. however i need to text some html, php, javascipt and others language codes using syntaxHighlighter like this:

"<code> <pre class="brush: js;"> function helloSyntaxHighlighter() {

return "hi!";

} </pre> </code>"

when i create the text i have no problems but when i gonna edit, the tags are translated and i just can see:

" function helloSyntaxHighlighter() {

return "hi!";

}"

i need to know if i can ignore the tags while i edit the text or i just can see the code using the "source-code" button.

I appreciate if you can help

Founded when reproducing #8675

1. Clear editor contents or place cursor at the end of contents
2. Insert table
3. Cursor is clicking inside 1st table cell
4. Insert another table or E.g. image/iframe/flash

Result: Table or other element will be inserted in last cell.

Reproducible from CKEditor 3.6.1 rev [7004]

Workaround: To insert nested table in first cell you have to click it first.

This can be reproduced by setting the href="page?src=url";

If the content is edited after the first save, the editor inserts " data-cke-saved-src=url" between "page?" and "src" in the code.

Similar issue to ticket #7243

Steps to recreate: a page in the docprops dialog with two elements that invoke a child dialog - e.g. colorpicker (in my case a treeview dialog.

1. Click to open the child dialog for one element.

2. Cancel.

3. Click to open the child dialog for the other element.

4. Make a selection in the child dialog.

5. Click OK.

Expected results:

The first element should be unchanged, and the second should be updated with the value from the child dialog.

Actual result:

BOTH elements are updated with the value from the second invocation of the child dialog.

Explanation: releaseHandlers is not being called in the correct context, so when OK is clicked, there are TWO OK event handlers bound to the dialog, one for the field for which OK was clicked, one ofr the field which was canceled.

The following code explicitly establishes the context both for the event handlers and for releaseHandlers, rather than relying on "this".

		var onOk = function()
		{
			var dlg = editor._.storedDialogs[dialogName];  // Changed by Nic to fix failure to releaseHandlers correctly
			releaseHandlers();
			callback( dlg, dlg._.parentDialog );
		};

		var releaseHandlers = function()
		{
			var dlg = editor._.storedDialogs[dialogName];  // Changed by Nic to fix failure to releaseHandlers correctly
			dlg.removeListener( 'ok', onOk );
			dlg.removeListener( 'cancel', releaseHandlers );
		};

In the ckeditor demo switch to code view and paste the simple html below and switch back to normal view.

<table>
	<tbody>
		<tr>
			<td>
				<img alt="" src="http://a.cksource.com/c/1/inc/gfx/logo.png" /></td>
		</tr>
	</tbody>
</table>

With a right mouse click on the picture the menu that pops up does not contain the 'picture properties' option. Possibly related: with a double left mouse click on the image the URL field in the then opened 'picture properties' dialog window is empty.

The problem occurs on Chrome and on Firefox. IE9 does not have the above problems.

templates_files setting loads only the last file specified; either the previous settings are overridden or skipped. The template files I am attempting to include are loaded correctly when specified individually, I have attached them just in case

I want to output pure XHTML. I don't want any entities except the five entities supported by XML. If any other entities are added, the XHTML cannot be parsed by an XML parser. I don't know how to explain it any simpler than that.

CKEditor is entering &nbsp;, which is not well-formed XML. This 100% breaks XHTML/XML support.

For example, if I type "blah blah " (without the quotes, yet with the trailing space) and then copy that string and paste it, every type I paste it I get another &nbsp;. Yet the CKEditor entity configuration is broken (see #8755), and there is no way to turn off &nbsp;.

This should be placed in very high priority, as it completely makes the output unparseable and breaks XHTML/XML compliance.

hi im new here and just wonder how make custom templates

im using cubecart 5 and CKeditor 2.6 or 2.06 (dont know)

and i want to know how can make a custom form LIKE :

<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 TransitionalEN" "​http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="​http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

<head> <meta http-equiv="Content-Language" content="en-us" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled 1</title> <style type="text/css"> .style1 {

font-weight: bold;

} .style2 {

border-collapse: separate; border: 1px solid rgb(217, 221, 227);

} </style> </head>

<body>

<table cellspacing="0" class="style2" id="product-attribute-specs-table" style="margin: 1em 0px; padding: 0px; border-image: initial; font-weight: normal; font-style: normal; font-size: 13px; font-family: arial, sans-serif; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; width: 60%; color: rgb(104, 116, 116); font-variant: normal; letter-spacing: normal; line-height: 17px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);">

<tbody style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: inherit; ">

<tr class="first odd" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: inherit; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial;">

<td class="style1" style="border-right: 1px solid rgb(217, 221, 227); border-bottom: 1px solid rgb(217, 221, 227); margin: 0px; padding: 3px 8px; border-top-width: 0px; border-left-width: 0px; border-image: initial; font-style: inherit; font-family: inherit; text-align: left; line-height: 1.25em; width: 269px;"> CONDITION</td> <td class="data last" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; font-weight: normal; font-style: inherit; font-size: 13px; font-family: inherit; text-align: left; border-bottom-style: solid; border-bottom-color: rgb(217, 221, 227); border-right-style: initial; border-right-color: initial; line-height: 1.25em; "> &nbsp;</td>

</tr> <tr class="even" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: inherit; background-image: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(233, 246, 206) !important; background-position: initial initial !important; background-repeat: initial initial !important;">

<td class="label" style="border-right: 1px solid rgb(217, 221, 227); border-bottom: 1px solid rgb(217, 221, 227); margin: 0px; padding: 3px 8px; border-top-width: 0px; border-left-width: 0px; border-image: initial; font-weight: bold; font-style: inherit; font-size: 13px; font-family: inherit; text-align: left; line-height: 1.25em; width: 269px;"> Part Type</td> <td class="data last" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; font-weight: normal; font-style: inherit; font-size: 13px; font-family: inherit; text-align: left; border-bottom-style: solid; border-bottom-color: rgb(217, 221, 227); border-right-style: initial; border-right-color: initial; line-height: 1.25em; "> &nbsp;</td>

</tr> <tr class="odd" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: inherit; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial;">

<td class="label" style="border-right: 1px solid rgb(217, 221, 227); border-bottom: 1px solid rgb(217, 221, 227); margin: 0px; padding: 3px 8px; border-top-width: 0px; border-left-width: 0px; border-image: initial; font-weight: bold; font-style: inherit; font-size: 13px; font-family: inherit; text-align: left; line-height: 1.25em; width: 269px;"> Part Number</td> <td class="data last" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; font-weight: normal; font-style: inherit; font-size: 13px; font-family: inherit; text-align: left; border-bottom-style: solid; border-bottom-color: rgb(217, 221, 227); border-right-style: initial; border-right-color: initial; line-height: 1.25em; "> &nbsp;</td>

</tr> <tr class="even" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: inherit; background-image: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(233, 246, 206) !important; background-position: initial initial !important; background-repeat: initial initial !important;">

<td class="label" style="border-right: 1px solid rgb(217, 221, 227); border-bottom: 1px solid rgb(217, 221, 227); margin: 0px; padding: 3px 8px; border-top-width: 0px; border-left-width: 0px; border-image: initial; font-weight: bold; font-style: inherit; font-size: 13px; font-family: inherit; text-align: left; line-height: 1.25em; width: 269px;"> Part Usage</td> <td class="data last" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; font-weight: normal; font-style: inherit; font-size: 13px; font-family: inherit; text-align: left; border-bottom-style: solid; border-bottom-color: rgb(217, 221, 227); border-right-style: initial; border-right-color: initial; line-height: 1.25em; "> &nbsp;</td>

</tr> <tr class="odd" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: inherit; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial;">

<td class="label" style="border-right: 1px solid rgb(217, 221, 227); border-bottom: 1px solid rgb(217, 221, 227); margin: 0px; padding: 3px 8px; border-top-width: 0px; border-left-width: 0px; border-image: initial; font-weight: bold; font-style: inherit; font-size: 13px; font-family: inherit; text-align: left; line-height: 1.25em; width: 269px;"> MFR Part Number 1</td> <td class="data last" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; font-weight: normal; font-style: inherit; font-size: 13px; font-family: inherit; text-align: left; border-bottom-style: solid; border-bottom-color: rgb(217, 221, 227); border-right-style: initial; border-right-color: initial; line-height: 1.25em; "> &nbsp;</td>

</tr> <tr class="even" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: inherit; background-image: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: rgb(233, 246, 206) !important; background-position: initial initial !important; background-repeat: initial initial !important;">

<td class="label" style="border-right: 1px solid rgb(217, 221, 227); border-bottom: 1px solid rgb(217, 221, 227); margin: 0px; padding: 3px 8px; border-top-width: 0px; border-left-width: 0px; border-image: initial; font-weight: bold; font-style: inherit; font-size: 13px; font-family: inherit; text-align: left; line-height: 1.25em; width: 269px;"> Known Models</td> <td class="data last" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; font-weight: normal; font-style: inherit; font-size: 13px; font-family: inherit; text-align: left; border-bottom-style: solid; border-bottom-color: rgb(217, 221, 227); border-right-style: initial; border-right-color: initial; line-height: 1.25em; "> &nbsp;</td>

</tr> <tr class="last odd" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: inherit; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial;">

<td class="label" style="border-right: 1px solid rgb(217, 221, 227); margin: 0px; padding: 3px 8px; border-top-width: 0px; border-bottom-width: 0px !important; border-left-width: 0px; border-image: initial; font-weight: bold; font-style: inherit; font-size: 13px; font-family: inherit; text-align: left; border-bottom-style: initial !important; border-bottom-color: initial !important; line-height: 1.25em; width: 269px;"> Notes, Comments &amp; Additional Information</td> <td class="data last" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 3px; padding-right: 8px; padding-bottom: 3px; padding-left: 8px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px !important; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; font-weight: normal; font-style: inherit; font-size: 13px; font-family: inherit; text-align: left; border-bottom-style: initial !important; border-bottom-color: initial !important; border-right-style: initial; border-right-color: initial; line-height: 1.25em; "> &nbsp;</td>

</tr>

</table>

</body>

</html>

When setting:

config.width = '100%'

on IE7 and IE8 it shows up the following issues:

• When using kama skin, the editor overflows its container by some pixels (I would say 10/15 px, anyway it's clearly visible and ugly).

• When using v2 or office2003 skins the width of the editor remains fixed and does NOT enlarge to container width.

When I write code:

var editor=CKEDITOR.instances['komentarz'];
alert (editor.name); // it show: komentarz
alert (editor.focusManager.hasFocus); // it show false - OK
editor.focusManager.focus(); // cursor is not moved to editor 

please check that and correct me if i wrong thanks Bogdan

Steps to reproduce.

1. Press button 'Selection field' on panel.
2. Enter name and several items in dialog.

(You get selection field in document body)

3. Click on created selection field to choose item.

OS: Ubuntu/Windows XP Browser: Firfox 10.2

Using Chrome (19.0.1055).

Steps to reproduce:

1. Go to ckeditor.com/demo (​http://ckeditor.com/demo)
2. Enlarge page by pressing CTRL and PLUS (+) twice.
3. Reduce page by pressing CTRL and MINUS (-) twice.

The ckeditor is deformed (i.e. the width is enlarged, but never reduced). See attached screenshots.

Made a word document with a table and some formatting in a column (most notable a numbered list). When I try to copy-past the table I get a "It was not possible to clean up the pasted data due to an internal error."

I've tried the copy/paste in the demo editor and in the nightly.ckeditor.com and both give the same error. The table b.t.w. is pasted correctly (visually) but when looking at the code the MS-Word formatting is still there.

This issue was found when reproducing #8574

1. Clear editor contents and switch to source.
2. Paste the below code:

   <ol id="d65e23">
   	<li>
   		toto
   		<ol>
   			<li>
   				bibop</li>
   			<li>
   				tutut</li>
   		</ol>
   	</li>
   	<li>
   		tata
   		<ol>
   			<li>
   				lolilop</li>
   			<li>
   				reir</li>
   		</ol>
   	</li>
   	<li>
   		tutu</li>
   	<li>
   		lolo</li>
   </ol>
   

3. Switch to WYSIWYG, select whole list (E.g. CRTL+A) and copy with crtl+C
4. Paste the list using PasteFromWord dialog, paste dialog or CRTL+V

Results:
Webkit - List is wrapped in ol, li, div (div - typical for webkit pasting)
Opera - Similar to Webkit but there is no div - list is wrapped into ol, li
IE9 - List isalso nested but it looks a little bit broken (See image)
IE6-7 - Result is the same as in IE9 but from CKE 3.6.2 extra JS error is thrown (described in #8801):
Message: Invalid argument
Line: 796
URI: /3.6.2/ckeditor/_source/plugins/selection/plugin.js

IE8 - List looks just like in IE9 but there is extra '2.' at the bottom (See image)

Ticket reproducible from CKE 3.0

Firefox has its onw problem described in #8754

Hi When adding styled break-lines to the text, the html parser removes the empty spans inside the paragraphs and therefore the break-lines loose their styles (height) The issues is in the onTagOpen function which checks if this type of element, when empty should be removed, and ignores the fact that the element might have attributes. Thanks

For TC as below all browsers alert 'true', but IE7 and IE6 'inherited'.

<!DOCTYPE html>
<html>
<head>
	<script src="path/ckeditor.js"></script>
	<title>tc</title>
</head>
<body>
<div id="getAttributeContenteditable"></div>
<script>
	var element = CKEDITOR.document.getById( 'getAttributeContenteditable' );
	element.setAttribute( 'contenteditable', true );
	alert( element.getAttribute( 'contenteditable' ) );
</script>
</body>
</html>

We should allow for interaction with other mechanisms while parsing the html (to and from), so one could, for example, parse some html using regex.
The main idea is to use an event, which will also bring the benefit of priority in the order of filters.
That will be helpful with, for exmple, Drupal integration. Most Drupal modules use regex to filter html, and it will be easier to integrate them with our editor that way.

If for some reason you paste text that has curly apostrophes or quotes (usually copied from Microsoft Word) in the Alt tag field of any image, the quotes are not properly converted to their HTML entities.

I've created a test line of text that you can use to see for yourself, if you paste it into the Alt tag of any image in the CKeditor.

It is not any more possible to double-click to select a word.

Confirmed with IE9+Compat. Works well with IE9.

This issue is not present on CKEditor 3.6.2.

When there is more than one updatepanel on the page (which is unrelated to the updatepanel that the CKEditor is in) and whenever one of them does a partial page postback, the CKEditor disappears and reappears again. It seems to be reloading itself even though the updatepanel that it resides in is not being interacted with.

To reproduce:

1. Copy files from attached sample - to default CKEditor for ASP.NET
2. Open sample page
3. Click on a button - you will notice that CKEditor disappears for a moment.

NOTE: contents of the editor remain - so it's more like a visual bug

I have managed to reproduce it in every browser

Hello, my webpages css overrides the style of the ckeditor field. That makes my editor window not only look broken, but also impairs the function seriously (styles from the ckeditor toolbar are applied to wrong locations..). I believe that this problem exists since the editor is directly embedded and not through an iframe (which is generally is good idea).

If I delete my websites main.css everything is working fine. But that's no serious option. The problem was recognized elsewhere, but so far there is no true workaround.

I'm using CKeditor Version 3.6.2. with Firefox/Chromium.

Do you know any workaround? Any help is greatly appreciated! And anyway thanks for providing this great tool.

See also:

​http://stackoverflow.com/questions/3864890/webpage-css-overrides-ckeditor-3-style ​http://stackoverflow.com/questions/5666104/ckeditor-3-table-style-gets-overwritten ​http://dev.ckeditor.com/ticket/3584

1. Open image dialog
2. Insert URl and set border, hspace and vspace to 0
3. Click OK and switch to source - 0 are present in image styles
4. Switch back to WYSIWYG, right-click on image and choose image properties.

Result: 0 are not displayed in dialog.

Issue has been reproducible from CKEditor 3.1.1.
From CKEditor 3.0.2 till 3.1 - when you set 0 fir E.g. border style was removed from HTML.

This ticket looks like #4980.

NOTE: Firefox uses pt instead of px when you set image property to 0.

The following label is incorrect: findAndReplace -> replaceSuccessMsg

It is now: '%1 resulaten vervangen.'

It should be: '%1 resultaten vervangen.'