Custom Query

1. Copy the entire contents in the attached .doc file.
2. Paste into an empty editor with Ctrl-V.
   • Actual Result: The table results in left-aligned in document.

It's not able to insert anchor and hidden field in IE9.

1. Open the "autogrow" sample and enlarge the editor height a bit by the resizer;
2. Now click inside the document and start typing
   • Actual Result: Find the enlarged height is reverted.

In Safari 5, using the Link dialog, moving focus using the TAB key into tabs is impossible.

MacOSX 9.2 Safari 5.0.2 (6533.18.5)

1. Open empty editor
   
2. Insert image (but not smile) like: <img src="​http://a.cksource.com/c/1/inc/img/logo-ckfinder.gif" style="float: left;" />
   
3. Select all from menu button
   
4. Create list (ul\ol)
   

Expected result:
Editor create list item with image

Actual result:
In versions: 3.0 - 3.3 editor remove image and in version 3.4 editor didn`t create list item.

In CKEditor, when you paste text, sometimes the blinking cursor disappears. Clicking on 'view source' twice re-enables the blinking cursor.

I use Firefox 3.6.12 on Windows 7

Paragraphs always have weird indention. When you have a blank install of ckeditor and you create a paragraph with the text 'test', the source is:

<p>
	test</p>

instead of:

<p>test</p>

Currently, when enterMode is BR, justifying text results in a paragrpah, and adding direction results in a DIV. In both cases paragraph should be used.

In a enterMode = BR editor, try to indent some text. An error is being thrown and a bookmark is being left.

Hello,

Every time I'm doing something in the newsletter I get unlimited span styles.

how can I prevent this?

<span style="font-size: 14px"><font color="#86bd03" style="color: rgb(109,166,51)"><span><span style="font-size: 12px"><font color="#86bd03" style="color: rgb(109,166,51)"><span><span style="font-size: 12px"><span lang="HE" style="font-family: 'arial', 'sans-serif'; font-size: 10pt"><font face="Arial"><span lang="HE" style="font-family: arial; font-size: 10pt"><span><font face=""><span lang="HE"><span><font face=""><span><span style="font-size: 12px">&nbsp;</span></span></font></span></span></font></span></span></font></span></span></span></font></span></span></font></span></span></font></span></span></font></span></span></font></span></span></span></font></span></span></span></span></font></span></span></font></span></span></font></span></span></span></font></span></span></font>

Hello. If you create table 3X3(or more) and runs command from context menu Cell->Merge Down cell merges down and everething ok. But when you try to do it again - menu item is disabled.

I've created a patch for fixing this.

Even though the documentation mentioned font background color, it actually has no effects when pasted text has a background color style. Reproduced in all browsers with the attached DOC file content.

Turn on Windows' High Contrast mode, load the editor in IE9, note that editor hc is NOT loaded well.

With "config.enterMode = CKEDITOR.ENTER_BR":

1. Load the following content and selection:

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

2. Click on 'RTL' button;
   • Actual Result: Affects the entire paragraph;
   • Expected Result: Second line that breaks away from the paragraph is only affected.

• open ckeditor/_samples/replacebyclass
• select default text
• set it as numbered/bullet list
• press allign center or allign right

Expected result:
Bullet and text is alligned in the same way (as in MS Word)

Actual result:
number or bullet stays, the text is alligned to center/right

Found under Safari 4/mac, confirmed for Chrome Linux and windows
Under Firefox, opera and IE, works as expected.

The 'align' attribute used on table element actually makes the table right floated.

1. Load the following content:

   <p>
   	text line before table.
   </p>
   <table>
   	<tr>
   		<td>cell</td>
   		<td>cell</td>
   	</tr>
   	<tr>
   		<td>cell</td>
   		<td>cell</td>
   	</tr>
   </table>
   <p dir="rtl">
   	text line after table.
   </p>
   

2. Make selection in table, open properties dialog and select right alignment;

• Actual Result: table is floated at the right side (overlap the layout box of last line);
• Expected Result: table occupied line height in layout flow.

There are many missing translations in the ja.js lang file. Will these be addressed or has any patch been released with the updated ja.js file?

Now resize handler is placed at "l-b" in RTL UI language, this create a broken dragging experience as editor chrome is left-aligned in host page (expands at right hand side) when dragging.

1. Paste source into IE:

   <ul>
   	<li dir="rtl">
   		List item</li>
   </ul>
   

2. Set focus on 'List item' element and increase indent.

Result: Indent is not increased, but when you go to source view you can notice that 'margin-left' of <ul> element is increased.

Above source is generated only in IE. In other browsers generated source looks like:

<ul dir="rtl">
	<li>
		asdasd</li>
</ul>

and it works fine.

To generate source in IE:

1. Click on 'New Page' on toolbar.
   
2. Click on bullet list icon and type some text.
   
3. Press 'Enter' and click on bullet icon to remove list in second line.
   
4. Press Ctrl+A and then RTL icon.

1. Open empty editor.
   
2. Write some word ('aaa')
   
3. Check on menu superscript or subscript
   
4. From now you cannot uncheck subscript\superscript
   

From version 3.0 to 3.4 there is no possibility to create superscript\subscript in described situation as above.

From current version there is now possibility to uncheck selected superscript\subscript

In Chrome, we cannot apply a text color because of an input element.

1. Use the following content:

   <p>
   	foo</p>
   <p>
   	<input type="radio" />bar</p>
   

   2. Select all.
   3. Set a text color.

Result: The color is applied only to the first paragraph ("foo").

This is an regression against 3.4.1.

Confirmed in Safari 5.0.2 @ Mac.

Steps to reproduce

• start with the default content:

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

• move cursor to the end of first line
• press "Insert Horizontal Line" button
• click with a mouse below the line that has been inserted
• result: the cursor jumps off and it is impossible to write below the line. Also moving down with an arrow key doesn't work.

Regression since 3.0.2. Probably related to #4888

In the first colors dialog that appears straight after pressing "Text Color" or "Background Color" button, the up/down keyboard arrow keys doesn't work as expected - pressing the down key moves to the next color on the right side instead to the next color in the line below.

It looks like it never worked properly.

Paste source:

<ul dir="rtl">
	<li dir="ltr">
		item 1</li>
	<li>
		item 2</li>
</ul>

Incorrect behaviours:

1. First item ('item 1') bullet icon is not visible in Opera, FF and Chrome.
   
2. When you set focus on first item ('item 1') and decrease indent, it becomes RTL instead of remain as LTR.

I am using a default instance of CkEditor (_samples dir). Insert image, resize this image; handles show up nicely. Click on removeFormat, image is reset, but old handles stay visible.

Is it possible to dislay the select handles (e.g. bounding box) on the HR elements also?

Using this code fails;

[php] $this->configenterMode? = 'CKEDITOR.ENTER_BR'; $this->configshiftEnterMode? = 'CKEDITOR.ENTER_P'; php

However, setting thesame in the config.js works. Tested with PHP5 class, but problem exists in PHP4 class also i think..

When "Formatted" paragraph format is used, the behavior of the editor is different that ussual.

Steps to reproduce

Scenario 1

• starting with a new blank page
• select "Heading 2" format
• switch to source mode
• result: no HTML code, source is empty
• switch to wysiwyg mode
• result: "Heading 2" is still selected

Scenario 2

• starting with a new blank page
• select "Formatted" fomat
• switch to source mode
• result: HTML source

  <pre>
  </pre>
  <p>
  	&nbsp;</p>
  

Problems:

1. HTML source is not empty
2. There is an empty paragraph at the bottom

In CKEditor 3.3.1 creating and empty formatted element resulted in:

<pre>
</pre>

In CKEditor 3.4 we had:

<pre>
<span style="display: none;"> </span>
</pre>

now (3.4.2 SVN) we have:

<pre>

</pre>

we should get back to the right version.

This problem was recently discovered with FF 3.5.15. Not sure which version of FF introduced it. The problem does not exist in IE 8.

Bug: If an input element (type = "image") is copied to the clipboard and then pasted, the element's attributes are not preserved in the pasted instance, nor are any event handlers such as onclick=buttonClicked(this). (Same for onFocus, onBlur).

Both horizontal and vertical scrollbar in IE now have a text cursor shape.

Regression of [5903].

After you set the editor data via editor.setData(html) no more (key) events are fired on the body.

Example Code:

editor.document.getBody().on("keyup", function() {

alert("keyup event");

}); editor.setData("...");

After that, the keyup event will never be fired again. Maybe the editor creates a complete new body when calling setData (which implicitly removes the listeners)?

Nested list like the following looks wrong in editor as there's no desired margin on the right side to differs from the 1st level list.

<ul>
	<li>
		List item 1 (LTR)
		<ul>
			<li dir="rtl">
				List item 2 (RTL)</li>
		</ul>
	</li>
	<li>
		List item 3 (LTR)</li>
</ul>

From time to time we receive incompleteness structure when pasting from MS-Word (#6484,#6608) because by default "pasteFromWordRemoveFontStyles" is disabled, which strips inline styles delivered by the application.

While the original intention was to keep the output clean, it nows seems more reasonable to accept those styles than loose them.

The following is not working properly:

When the following text in in the "source" box: <span style="font-family:Arial; font-size:12pt; text-decoration:underline">underlined text</span>

It will show up like this with an underline & the U button will not work to remove the underline.

The problem is when he copy from word document to CKeditor, and if you check the source code:

• it creates <p>&nbsp;</p> instead of new lines (which is not very good, but we can live with it)

• border="0" cellpadding="0" cellspacing="0" for table (which is ok)

if you save it and then open it again and check the source code:

• <p>&nbsp;</p> becomes <p>?</p> (which is bad)

• border="0" cellpadding="0" cellspacing="0" becomes border="1" cellpadding="�" cellspacing="�" (weird, but that border becomes 1 even better)

if you save it again and check the source code:

• <p>?</p> remains the same

• but border="1" cellpadding="�" cellspacing="�" becomes border="1" cellpadding="65533" cellspacing="65533"

Right now the result of applying a color to selected text is different.

• IE: <span style="color: #ff0000">
• Firefox: <span style="color: rgb(255, 0, 0);">

If we edit in Firefox an article created in IE we are causing lots of changes in the source, which is a problem in environments that support versioning. Checking changes between various revisions is much harder in such situation.

Another problem is that there are systems that do some security checks on inline styles and they do not always respect rgb() notation, so the color is lost there.

When there is a list with another nested list, that contains an empty paragraph created with Shift+Enter, pasting from Word generates an invalid result.

Word document:

 1.	One
    a.	Nested list 1
    b.	Nested list 2

    c.	Nested list 3
    d.	Nested list 4
 2.	Two
 3.	Three
 4.	Four

result after pasting from Word into CKEditor:

 1.One
    1.Nested list 1
    2.Nested list 2




 1.Nested list 3
 2.Nested list 4
 3.Two
 4.Three
 5.Four 

See screencast in attachment.

To recreate the problem:

1. enter new text.
2. select the text and create a link.
3. copy the link and paste it on another part of the editor.

Result: href gets stripped out.

Browser: FF 3.6.12 OS: Mac OS X 10.6.4

Steps to reproduce the defect:

1. Open the Ajax sample in IE7 or IE8.
2. Paste this text into the source view

<h1>
	Heading 1</h1>
<p>
	Normal Text</p>

3. Change back to WYSIWYG mode & copy the text.
4. Press CTRL + A to select the text & press CTRL + V to paste.

Expected: The text that was copied should look the exact same when pasted.

Actual: Heading 1 is wrapped in 2 <h1> tags and the Normal text is wrapped in a <h1> tag.

Hi, I'm mike from the OTRS project. We use CKEditor in our open source software, and generally our users are really happy with it.

One thing that we found out recently is that if you're on Windows, with Firefox 3,6, you can paste an image in the editor by clicking Ctrl+v on the keyboard. If you do this on Win7 or WinVista, then the result is a broken image icon diplayed in the editor. If you look at the source there's an <img> tag which points at the file in the users temp dir on the local hard drive.

However, if you use Firefox 3.x on WinXP apparently the image IS displayed properly inside the editor so it LOOKS like the image is there, only obviously the path is still local. This is nastier because the user THINKS it worked, and submits the entry. Only for anyone using a different PC the file is not in this location, so they don't see the image.

Inserting an image using the image button in the CKEditor toolbar works just fine.

1.) CKeditor should stop making Ctrl+v with image data on the clipboard insert broken <img> tags?

2.) since apparently the link to a file is available, it would be great if this same action could open the image dialog with the link to the local file pre-populated.

We even have users who reported that it works for them already in the way described in 2) just I could not find the browser/OS combination to reproduce that.

Follow up from #6416

Currently the whole editor wrapper has an onmousedown = return false, and it seems that the aim is to avoid problems with the toolbar.

So the proper solution seems to move the listener just to the toolbar and remove the "strange" code in the sourcearea plugin.

The entities plugin defines the &quot; as a core html entity, so it's not possible to disable this behavior, but I think that there's no real problem if " are used in a document (opposed to what happens with < and >)

Here's a report ​http://cksource.com/forums/viewtopic.php?f=11&t=20647 but I think that there might be other people with the same problem that we haven't noticed previously.

Follow up from #6046

That ticket fixed the context menu for those elements when they are inserted, but if they are present in the original content, then the isReadOnly() check returns the element and so they aren't editable.

Reproduction steps:

1. Insert a text input, check that the context menu for editing it appears.
2. Switch to source and back to design.
3. The context menu entry is missing.

(be careful if checking with IE due to #5522)

IE6 lacks padding on context menu items, so they are presented on 2 lines.

I've sent a bug report to the chromium devs, but they don't seem to care. Anyway maybe you do. ​/Bug-report

When CKeditor opens it messes up the page, moving stuff upwards. Browser: Chrome only Link: ​http://vps236.nlg.hu Instructions: click "login" write "user" next to név, and userPass next to jelszó click "belépés" select teszt/teszt on the left click "Szerkeszés"

Note: there are no scrollbars on the picture, because of the overflow:hidden property

Hi, The delete table option[ select a table and then right click and select Delete Table] is not working. Rather deleting the selected table it slects the content of the table. Workaround: Cut and paste the table.The choose the delete option,then the delete will work !!!!!!!!

when binding to the source area i am binding the element as <span style=' background:#ffff00;'>%customername%</span>

but when i click on Source in CK Editor i am getting or rendered as <span style="background: none repeat scroll 0% 0% rgb(255, 255, 0);">%customername%</span>

This's a follow up of #6621, where we kept some unnecessary codes to work around the bug, while a cleaner fix could be found.

I've uncovered a bug when pasting from certain OS X applications into a CKEditor form element in Safari. Here's one way to reproduce the bug:

• Open a new email in Apple Mail.
• Type a multiple-line message.
• Copy all of the content with Cmd-A, Cmd-C.
• Paste into any CKEditor form element using Cmd-V.
• The pasted content is truncated at the first line.

Here's a video showing the bug in action:

​http://www.screencast-o-matic.com/watch/c6Xj2r6to

I'm currently running:

• CKEditor 3.4.2
• Mac OS X 10.6
• Apple Safari 5.0.2

Worth noting is that I was not able to reproduce this bug in Firefox or Google Chrome on OS X. Also, I'm able to copy and paste multiline content from *some* applications just fine (most text editors, and even the Safari browser itself).

There're part of users that doesn't understand the benefit of the auto paragraphing feature, but still want to stay paragraph enterMode, so we could provide a configuration to disable it at least.

When the resize grippie is used, CKEditor automatically reduces it's width by 12px each time one resizes the editor.

To reproduce, drag down gently the resize handle.

Note: it is definitely not caused by moving the mouse to the left accidentally.

Looks like a regression introduced in 3.4.1.

• Open a sample.
• Open one of the color panels (don't close the panel).
• Switch to source.
• Click on the code.

Note that the button is now active.

When a dialog field is disabled the cke_disabled CSS class would be added to the UI Element's div rather then the field's input element. This would allow greater flexibility when styling disabled fields. At present it is limited to just the field's input element.

When pasting from MS Word the text with one or more tab in between list items brings up an error "It was not possible to clean up the pasted data due to an internal error".

The format is like that: 1 .First list item

[tab]

2 . Second list item

This kind of format produced by Word with following steps:

1. Create first item and mark as list

2. Create second item (number will auto-increment)

3. Insert a line after the first item by placing the cursor at the end of line and pressing the Enter key. New item with number "2" will appear. There will be a tab character inserted after the list number (enable "Show hidden format characters" button).

4. Instead of using "Backspace" key to delete the item number (we want to have empty line between list items), click on the item number ("2") and hit "Delete" key. The item number will be gone, but tab will still be there.

The issue appears in IE (tested in 8 only).

Firefox 3.6 does not have this issue.

Attached is MS Word file with a sample.

Below is the code produced by MS Word (taken from sample file attached):

<P style="TEXT-INDENT: -18pt; MARGIN: 0cm 0cm 0pt 36pt; tab-stops: list 36.0pt; mso-list: l1 level1 lfo2" class=Default><SPAN style="FONT-FAMILY: 'garamond', 'serif'; COLOR: windowtext; FONT-SIZE: 11pt; mso-fareast-font-family: garamond; mso-bidi-font-family: garamond"><SPAN style="mso-list: ignore">1.<SPAN style="FONT: 7pt 'times new roman'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </SPAN></SPAN></SPAN><SPAN style="FONT-FAMILY: 'garamond', 'serif'; COLOR: windowtext; FONT-SIZE: 11pt; mso-bidi-font-family: garamond">First <?xml:namespace prefix = o /><o:p></o:p></SPAN></P>

<P style="TEXT-INDENT: -18pt; MARGIN: 0cm 0cm 0pt 36pt; mso-list: l0 level1 lfo1" class=Default><SPAN style="FONT-FAMILY: 'garamond', 'serif'; COLOR: windowtext; FONT-SIZE: 11pt; mso-fareast-font-family: garamond; mso-bidi-font-family: garamond"> <SPAN style="mso-list: ignore"> <SPAN style="FONT: 7pt 'times new roman'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </SPAN> </SPAN></SPAN>

<SPAN style="FONT-FAMILY: 'garamond', 'serif'; COLOR: windowtext; FONT-SIZE: 11pt; mso-bidi-font-family: garamond">

<o:p>&nbsp;</o:p>

</SPAN></P>

<P style="TEXT-INDENT: -18pt; MARGIN: 0cm 0cm 0pt 36pt; tab-stops: list 36.0pt; mso-list: l1 level1 lfo2" class=Default><SPAN style="FONT-FAMILY: 'garamond', 'serif'; COLOR: windowtext; FONT-SIZE: 11pt; mso-fareast-font-family: garamond; mso-bidi-font-family: garamond"><SPAN style="mso-list: ignore">2.<SPAN style="FONT: 7pt 'times new roman'">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </SPAN></SPAN></SPAN><SPAN style="FONT-FAMILY: 'garamond', 'serif'; COLOR: windowtext; FONT-SIZE: 11pt; mso-bidi-font-family: garamond">Second<o:p></o:p></SPAN></P>

As you can see, there is an extra <o:p>&nbsp;</o:p> that has to be removed.

To reproduce the defect:

1. Open Ajax sample.

2. Type a Paragraph & apply RTL Language direction to the Paragraph.

3. Select the Paragraph & apply Pre Formatted Paragraph Format.

Expected Result:

Pre Formatted Paragraph format is applied to the Paragraph & language direction of the Paragraph still remains the same(RTL).

Actual Result:

Pre Formatted Paragraph format is applied to the Paragraph but language direction applied to Paragraph(RTL) is removed.

Copy the lists from the Attached document and paste in to the Editor using Paste from Word dialog.

Issue 1:

when we have pasteFromWordRemoveFontStyles & pasteFromWordRemoveStyles set to true Numbered and bulleted lists are pasted properly but they are shown as paragraphs instead of list items.when you keep the cursor in one of the list items Numbered/Bulleted list icons are not highlighted.

keep the cursor at the end of one of the list item and press Enter

Expected Result: A new List item should be started.

Actual Result: A new Paragraph is started.

Issue 2:

when we have pasteFromWordRemoveFontStyles & pasteFromWordRemoveStyles set to false Numbers & bullets for the top level list items are missing.when you keep the cursor in one of the list items Numbered/Bulleted list icons are not highlighted.

keep the cursor at the end of one of the list item and press Enter

Expected Result: A new List item should be started.

Actual Result: A new Paragraph is started.

I am attaching Screenshot of the 2 issues.

To reproduce the defect:

1. Open Ajax sample.

2. Insert a Table with a caption(Frederico Knabben).

3. Keep cursor before the word Frederico in the Table caption & press Enter 2 to 3 times

4. See that the Table is moved down & when you keep the cursor in the Table see that Table orientation is shown in the empty space above & not around the table.

5. when we check the Table dialog Carriage returns are not shown in the caption field.

6. Now keep the cursor in the Empty space above the Table and click on Table icon in the Toolbar.

7. Enter values for Rows and Columns and press OK Button.

Expected Result:

Table is inserted with the entered no of rows & columns.

Actual Result:

Nothing happens and in firebug it is showing the following error.

k.$ is undefined [Break on this error] };d.nodeList.prototype={count:function...Parent().$):j!=i.$&&j.contains(i.$);

Table Caption should not allow Carriage Returns.

Tested in IE8.

To reproduce: (1)Add two page breaks on the editor. (2)Remove the line(gap) between them. (3)Go to source and come back to wysiwyg. (4)The line and the gap is back.

Issue is happening because on doing step 2, the div of the second page break falls inside the <p>. This can be seen when we move to source. So, when we come back to wysiwyg, the <p> is closed with a &nbsp;</p> and the div is seperate.

Happens in IE6 and IE7.

To reproduce:

1. click "link" icon and input "Name" and other attributes in Advanced tab.

2.Then, right click the link created in step 1 and choose "Edit Link"

3.open Advanced tab in the editing link dialog,Name attribute is missing in it.

4.checking source mode, the name attribute is not set there either.

The editor demo at ​http://ckeditor.com/demo will not load in Opera. I am using Opera version 11.00 build 1060 available from ​http://my.opera.com/desktopteam/blog/ and CKEditor 3.4.2 (revision 6041.)

The error in Opera is :

JavaScript - http://ckeditor.com/demo
Timeout thread: delay 10 ms
Uncaught exception: TypeError: Cannot convert 'i.all' to object
Error thrown at line 18, column 3309 in <anonymous function: unselectable>() in http://ckeditor.com/apps/ckeditor/3.4.2/ckeditor.js?1289422309:
    while(j=i.all[k++])
called from line 136, column 0 in <anonymous function: build>(n, o) in http://ckeditor.com/apps/ckeditor/3.4.2/ckeditor.js?1289422309:
    B.getChild([1,0,0,0,0]).unselectable();
called from line 24, column 1776 in <anonymous function>() in http://ckeditor.com/apps/ckeditor/3.4.2/ckeditor.js?1289422309:
    z.build(x);
called from line 22, column 1760 in <anonymous function: load>(u, v) in http://ckeditor.com/apps/ckeditor/3.4.2/ckeditor.js?1289422309:
    k.call(l,q);
called via Function.prototype.call() from line 21, column 2595 in <anonymous function: load>(z) in http://ckeditor.com/apps/ckeditor/3.4.2/ckeditor.js?1289422309:
    m.call(n,s,t);
called via Function.prototype.call() from line 21, column 2528 in <anonymous function: load>(l, m, n, o, p) in http://ckeditor.com/apps/ckeditor/3.4.2/ckeditor.js?1289422309:
    u(true);
called from line 22, column 1216 in <anonymous function: load>(j, k, l) in http://ckeditor.com/apps/ckeditor/3.4.2/ckeditor.js?1289422309:
    a.scriptLoader.load(o,function(u,v){if(v.length)throw '[CKEDITOR.resourceManager.load] Resource name "'+p[v[0]].join(',')+'" was not found at "'+v[0]+'".';for(var w=0;w<u.length;w++){var x=p[u[w]];for(var y=0;y<x.length;y++){var z=x[y];q[z]=this.get(z);m[z]=1;}}k.call(l,q);},this);
called from line 24, column 1643 in <anonymous function>(x) in http://ckeditor.com/apps/ckeditor/3.4.2/ckeditor.js?1289422309:
    a.themes.load(y,function(){var z=x.theme=a.themes.get(y);z.path=a.themes.getPath(y);z.build(x);if(x.config.autoUpdateElement)v(x);});
called from line 24, column 1245 in <anonymous function>() in http://ckeditor.com/apps/ckeditor/3.4.2/ckeditor.js?1289422309:
    u(x);
called from line 21, column 2595 in <anonymous function: load>(z) in http://ckeditor.com/apps/ckeditor/3.4.2/ckeditor.js?1289422309:
    m.call(n,s,t);

I have attached a screen shot of the problem.

When I click on "Browse server" in Firefox 3.6.12 / Mac OS X 10, (with the default "open new windows in tabs" Firefox option set), the popup is opened in a new tab, and the whole browser window is resized to the popup dimensions.

Merging the patch in #6085 could help mitigate the problem, allowing to show popups in javascript dialogs.

I guess it's known but I couldn't find a related report: there's no image resize in Opera, Safari, Chrome. I guess browser support and/or a plugin is needed?

Hi,

I'm trying to insert a piece of HTML code in to Ckeditor.

The Html code looks like as follows

<sct-component id='475398579878' target-name=' TragetName' > Targetname </sct-component>

we are inserting this piece of html code using the following code

var htmlValue = CKEDITOR.dom.element.createFromHtml(htmlString); CKEDITOR.instances[ckInstanceName].insertElement(htmlValue);

The above piece of code insering the html code (above mentioned html tag) in to the ck editor in firefox but not in IE.

Is there any way that we can insert html code in to ck editor which will work in both the browsers?

Regards, Raghavendra.

To reproduce the defect:

1. Open the Ajax sample.

2. Type some text, select the text & apply any of the Paragraph Formatting options(H1 to H6 or Address etc).

3. Click on RTL icon.

Expected Result:

Direction of list & indent icons should be reversed to reflect the change to RTL language direction.

Actual Result:

Direction of list & indent icons are not reversed to reflect the change to RTL language direction.

Situation:

• CKEditor 3.4.2
  
• Custom styleset loaded
  
• removeFormatTags added to include (e.g. remove) block elements
  

Following configuration was used:

<textarea name="editor1" rows="8" cols="60">&lt;h1&gt;Initial value&lt;/h1&gt;</textarea>
<script type="text/javascript">//<![CDATA[
CKEDITOR.replace('editor1', {
		"language": "en",
		"skin": "v2",
		"width": "100%",
		"height": "500",
		"resize_enabled": false,
		"baseHref": "http:\/\/127.0.0.1\/",
		"forcePasteAsPlainText": true, 
		"removePlugins": "elementspath",
		"removeFormatTags": "b,big,code,del,dfn,em,font,i,ins,kbd,q,samp,small,span,strike,strong,sub,sup,tt,u,var,h1,h2,h3,h4,h5,h6,hr",
		"toolbarCanCollapse": false,
		"stylesSet": "default:http:\/\/127.0.0.1\/\/rewrite.php\/cms\/ckeditor\/styles"
	});
//]]></script>

The loaded styleset:

CKEDITOR.stylesSet.add('default', [ { name: 'CMS - Accordeon titel element', element: 'div', attributes: { 'class': 'wuaTitle' } }, { name: 'Koptekst 1', element: 'h1' }, { name: 'Koptekst 2', element: 'h2' }, { name: 'Koptekst 3', element: 'h3' }, { name: 'Koptekst 4', element: 'h4' }, { name: 'Koptekst 5', element: 'h5' }, { name: 'Koptekst 6', element: 'h6' } ]);

BUG description:

• Select the entire tag
  
• Click on the removeFormat button
  
• This removes the H1, but leaves the style marked in the stylescombo.
  
• So the styles combo did not get refreshed/updated in FF 3.6.12.
  

Does NOT happen (e.g. behaviour is correct) when the H1 is wrapped in a container as shown below:

<textarea name="editor1" rows="8" cols="60">&lt;div&gt;&lt;h1&gt;Initial value&lt;/h1&gt;&lt;/div&gt;</textarea>

Cause & sollution:
After searching and diggin into the code for a huge ammount of time..
It seems that after clicking the removeFormat button, the "selectionChange", attached in the stylescombo (onRender) is not fired.
Getting this event to fire (duplicating code from _source/plugins/tabletools/dialogs.js:525) was unsuccesfull.
I managed to get it working by doing the following 2 changes, but it could be nicer...

./_source/plugins/stylescombo/plugins.js

onRender : function()
{
	function updateCombo( ev ) {
		var currentValue = this.getValue();
		var elementPath = ev.data.path,
		elements = elementPath.elements;

		// For each element into the elements path.
		for ( var i = 0, count = elements.length, element ; i < count ; i++ )
		{
			element = elements[i];

			// Check if the element is removable by any of
			// the styles.
			for ( var value in styles )
			{
				if ( styles[ value ].checkElementRemovable( element, true ) )
				{
					if ( value != currentValue )
						this.setValue( value );
					return;
				}
			}
		}

		// If no styles match, just empty it.
		this.setValue( '' );
	}

	editor.on( 'selectionChange', updateCombo, this);
	editor.on( 'removeFormat', updateCombo, this);
},

./_source/plugins/stylescombo/plugins.js (line 120)

	editor.getSelection().selectRanges( ranges );
	editor.fire( 'removeFormat', { path : new CKEDITOR.dom.elementPath( editor.getSelection().getStartElement() ) } );

Sample URLs:

• Bug behavior ​http://ckeditor.webunity.nl/index-3-4-2-nocontainer.php
  
• Correct behavior ​http://ckeditor.webunity.nl/index-3-4-2-container.php
  
• Patched behavior ​http://ckeditor.webunity.nl/index-3-4-2-patched.php
  

To reproduce the defect:

1. Open Ajax sample.

2. Insert an Image with a Link and select Target as <not set> in the Link Tab and click OK button.

3. See that an Image is inserted with the Link u specified in URL field in Link Tab.

4. Open Context menu on the Image & select Image Properties

5. Check Value that was shown in the Target combo in the Link Tab.

Expected Result:

It should show <not set> as selected.

Actual Result:

It is showing blank.

618 iframe : 619 { 620 title : 'Iframe 属性', 621 toolbar : 'Iframe', 622 height : '高度', 623 width : '宽度', 624 invalidHeight : '框架高度必须为数字格式', 625 invalidWidth : '框架宽度必须为数字格式', 626 noUrl : '请输入框架的 URL', 627 scrolling : '允许滚动条', 628 border : '显示框架边框', 629 align : '对齐方式', 630 alignLeft : '左', 631 alignRight : '右', 632 alignTop : '上', 633 alignMiddle : '中', 634 alignBottom : '下' 635 }

I have a problem with CKEditor 3.4.2, released on 4 November 2010. When I click on image, upload tab does not appear.

hello i need ask how i can make a buttom on the editor send a static text to the textbox

example i need buttom call readmore when i shose a plase on the text and click it write {readmore}

can i do thet ???

According to the latest ​gbs, we should update accordingly in our codes, documentation and product site info.

Seems to be a webkit issue.

Steps to reproduce:

1. Add some text to a page.
2. Insert an image onto the page.
3. Crate a link around the image.
4. Notice the element hierarchy includes the anchor element preceding (around) the image tag.
5. Drag the image to a new location in the document.
6. Click on the image to force an update of the element hierarchy.
7. Notice that there is now no anchor element in the hierarchy.

Tested 2010/11/15 at ​http://ckeditor.com/demo.

Problem exists in: Safari 4.0.5 (Windows XP) Safari 5.0.2 (Windows 7) Chrome 7 (Windows 7) Chrome 8b (Windows XP)

Works as expected in: IE9b (Windows 7) IE8 (Windows 7) IE7 (Windows XP) IE6 (Windows XP) Firefox 4b7 (Windows 7) Firefox 3.6.12 (Windows 7)

Removing links in Firefox is problematic and doesn't work as expected.

Issue 1

The link is not completely removed. When typing the text it becomes a link.

• press "New Page" to clear all contents
• click on a "Link" and type some url, press OK to insert the link
• click at the end of the link, use keyboard (shift + left arrow key) to select the whole link
• press "Delete" key to delete the selected text (link)
• type some text
• result: the text is a link

Issue 2

Similar to 1. Occurs when link is removed and there is some content before the link.

• having some initial text in CKEditor in the first line, go to the end of this line, press space
• click on a "Link" and type some url, press OK to insert the link
• click at the end of the link
• press "Backspace" key a couple of times to delete the selected text (link)
• type some text
• result: the text is now surrounded with a span tag: <span style="text-decoration: underline;"></span>

1. Go to ​http://ckeditor.com/demo
2. Click the “New Page” icon
3. Click on the “Link” icon, paste a URL into the field, and click the “OK” button. The hyperlinked URL will appear in the CKEditor, as expected.
4. Click the “Delete” keyboard button (aka Javascript keycode = 46).
5. Click on the “Link” icon, paste a URL into the field, and click the “OK” button.
6. Problem: the URL does not get pasted into the CKEditor, nor does it appear in the HTML source code.

However, if you repeat this process and click the “Backspace” keyboard button (aka Javascript keycode = 8) in Step 4, everything works properly.

It seems that it never worked properly so I'm setting the version to 3.0, although in earlier versions (<3.2) the (invalid) result was different (due to #4886).

In German, it says under "about CKEditor"

"Für Informationen Liztenzbestimmungen besuchen sie bitte unsere Webseite:"

The correct wording would be:

"Für Informationen über unsere Lizenzbestimmungen besuchen sie bitte unsere Webseite:"

When I give a simple input to the editor for eg:

Test(new line) Test

the Source that I get in the editor is:

<p>Test<br />Test</p>

But when I press the save button, the output that I get is:

<p>Test<br />(new line) Test</p>

(extra new line is added).

I've tried the config option of FCkConfig.FormatOutput="false" but same result. Is there anything that I am missing?

When toolbar has many items (e.g. Full toolbar) and editor is placed in table which is in div block with fixed width, editor doesn't wrap toolbar in WebKit (Chrome and Safari) and puts whole toolbar in one line.

To reproduce this bug, add following around a form which has editor with full toolbar:

<div style="width: 400px; border: 1px solid red;"><table><tr><td>
</div>

When you enter in source view the following code:

<table>
{if $a==1}
	<tbody>
		<tr>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
	</tbody>
{/if}
</table>

and go back to wysiwyg mode, the content becomes:

{if $a==1}{/if}
<table>
	<tbody>
		<tr>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
	</tbody>
</table>

My config file contains this setting: config.protectedSource = {[\s\S*;

The initial source code is not preserved.

To reproduce the defect:

1. Open Ajax sample in Firefox.

2. Type few lines of text & press CTRL + A to select all the lines.

3. click on Numbered/Bulleted list icon.

4. See that a Numbered/Bulleted list appers with the selected lines of text.

5. Now press CTRL + A to select the Numbered/Bulleted list & Click on RTL icon in the Tool bar.

Expected Result:

Numbered/Bulleted list is moved to right and it appears as a mirror image of the list in previous step and RTL & Align Right icons are selected in the Tool bar.

Actual Result:

Numbered/Bulleted list is moved to right and it appears as a mirror image of the list in previous step but RTL & Align Right icons are NOT selected in the Tool bar. (You must click into the content area before they become selected)

same behavior happens when we apply LTR direction to Numbered/Bulleted list.

This is very similar to #6099 but you must press CTRL + A to select the text in order to reproduce the defect

Issue seen in IE 8.

To Reproduce:

1) Input text "aaaaaa" 2) Select "aaaaaa" by mouse drag ("aaa" is highlighted) 3) Click "Link" icon 4) Input URL and press "OK"

Source is "<a href="​http://www.abc.com">aaa</a>"

5) Select "aaa" by mouse drag ("aaa" is highlighted) 6) Right click "aaa", click "Copy" 7) Right click, click "Paste"

Source for the copied link shows

<a href="javascript:void(0)/*327*/">aaa</a>

Found in Firefox 3.6 and IE8.

When using "Paste from Word", Word's style definitions is removed. (ex. font, text color, font size and so on) But Bold, Italic and Underline are not removed.

Different Behaviour of #6692 under IE8
Under IE8, In source mode, paste:

<ol>
	<li>
		line 1</li>
	<li>
		line 2</li>
	<li>
		line 3</li>
</ol>

back in WYSIWYG, select one item and press RTL

Expected result
selected list item is moved to right, bullet is set to the right edge of edit area.

Actual result: Code looks OK

<ol>
	<li>
		line 1</li>
	<li dir="rtl">
		line 2</li>
	<li>
		line 3</li>
</ol>

But in WYSIWYG, the the RTL item has no bullet (attached screen)

If you enter in source view mode this code :

<table border="1">
	<tbody>
		<tr>
			<td>
				test</td>
		</tr>
	</tbody>
</table>

and switch to WYSIWYG mode the table is displayed.

Now, if you add in config.js this following instructions :

config.protectedSource.push(/<table[\s\S]*?table>/g);

The same source code is ok in source view mode but in WYSIWYG mode, nothing is displayed !?

Is it the expected result ? Why not render the source code ? What do you think about have an transparent layer on the element to avoid modification ? do you plan to release an placeholder plugin or placeholder on protected source ?

Description Summary: Popup a dialog at maximize mode and then minimize the window cause very weird styling on Safari

Steps to reproduce : 1.click on the maximize button of the ckeditor 2.click on add table button, or url button, or other buttons that will popup a dialog 3.close the dialog 4.click on minimize button 5.CKeditor now looks very weird, the text area goes out of the right border and sometimes will have scroll bar

Browser name and OS : Safari 4.0.4, Windows 7

To reproduce:

• insert <span contenteditable="false"><a href="url">Link</a><span>
• double-click link

A dialog will open, allowing editing the link. The context menu "Edit link" and "Unlink" commands are properly disabled, but double-click still opens the dialog.

Test:

• insert <span contenteditable="false">Some<a href="xxx">Link</a>Text</span>
• IE: drag-n-drop of wrapper rectangle works; drag-n-drop selection duplicates content with <a>...</a> stripped (text mode-like)
• Firefox: you can drag just the <a> element; a copy is made with all enclosing tags kept (html duplicate)
• Chrome: worst case: the <a> is duplicated with no enclosing tags

IMO, when drag-and-dropping non-editable blocks, the following should happen:

• the block be moved, not copied, in full
• if such reason exists to duplicate content, it should either be a full copy of the non-editable tag or IE-style sanitized text duplication of fragments. Since the whole idea of having noneditable sections is to allow developer fixed-format fragments to be inserted, any different behavior will break functionality.

Related to #6390, between clicking on toolbar and dialog load, user can type and slash-and-dice contents around. Since most plugins cache editor state/contents on dialog open, this can result in erratic behavior.

Test: in the placeholder plugin, replace _cke_placeholder with _cke_Placeholder. It will break the plugin because in the htmlFiltercallback the P is lowercased.

Test:

• create 3x2 table
• select a number of cells
• insert image

The document trashed, going to source and back to wysiwyg will clean up the html, delete the image, and recreate what's left of the table.

On a side note, I need to do exactly this for a plugin, insert block elements, what's the place to ask about the ortodox way to manipulate the selection ranges?

When included form code is pasted into the editor in source view and saved (not switching back to html view) the form is okay. When editing the form, half of the form is outside / below the editor and the last half of the form is lost.

This happens also with small forms, where typically the submit button is outside of the editor, and then lost.

Unlike "insertHtml", "insertElement" invoking that happens on a text selection in structure like table and list either leaves a malformed DOM or even an error.

The following tickets are associated:

The attached file is the _samples/api.html with a minor modification.

I have added an on focus event to the editor instance to alert("Focussed").

Steps to reproduce the bug are

1. Place the cursor in the editor instance.
2. Click "Ok" on the alert that is shown
3. Click on the "Link"
4. Click "Cancel" on the dialog window that shows

In firefox, the alert is triggered again, but in IE7 and IE8 it is not.

Hi, i'm having the next problem in FCK: at HTML code, i insert <li>xxx</li> without <ul> tag and when i change to WYSIWYG mode, it 'paints' the code with the <ul> tag. If i change again to html code, it appears the <ul> tag.

My question is that is there are any parameter to force FCK paint the code (incorrect, i know, but it's what i need) i wrote

To reproduce the defect

1. Open any sample except AJAX.

2. With out focus in Editor body click on Bold,Italic,Underline & Strike Through icons.

OR:

It can be reproduced also when focus is inside the editor. Place the cursor at the beginning of the paragraph. Click on Bold,Italic,Underline & Strike Through icons.

3. See that only last selected icon(Strike Through) shown as selected in the Tool bar.

4. Start typing the text

Expected Result:

Typed text should have Bold,Italic,Underline & Strike Through formats applied and Bold,Italic,Underline & Strike Through icons selected in the Tool bar.

Actual Result:

Typed text has only last selected format applied (Strike Through) and only last selected format option(Strike Through) shown as selected in the Tool bar. Even when we look at Element path bar or HTML Source only tag for Strike Through format is shown.

To reproduce the defect in AJAX Sample. Type some text save the page.open the Editor again and repeat the above steps

It seems as the when selecting text in the editor and pasting over that, the paste keeps the previous styling in some strange way.

To reproduce:

Select the text below and paste into a empty editor:

Start text:
text that is styled bold text that is unstyled
End text

After the text has been pasted. Do ctrl+a to select all and then ctrl+v to paste the same text again.

All text is now bold. Repeating this introduces a new nested bold tag each time.

1. In my opinion application should clear styling when select all (ctrl+a) is issued.
   
2. And not insert a strong tag when there already is one.
   
3. In word you get the styling of what you paste not the styling of what you paste plus the styling of where you paste.
   

I understand that this is a area where different people would argue that different behavior is right. My opinion is that MS word behavior makes sense to me.

• Open an empty document.
• Press ENTER 3 times. The caret is now placed in the last paragraph.
• Click BACKSPACE.

The paragrpah is not removed. Works on demo.

In 2010 there is a feature called "Text Box". Basically it is a box with some style. It would be nice to better reflect those elements in the editor, although it looks like a tough task.

ckeditor/_source/plugins/wysiwygarea/plugin.js

Line 1,029

'<span tabindex="-1" style="position:absolute; left:-10000" role="presentation"></span>' ) );

Should be :

'<span tabindex="-1" style="position:absolute; left:-10000px" role="presentation"></span>' ) );

No? (px missing from the "left" style attribute.)

Hi guys,

If my form value is

<a href="/something" title="test of &quot;quotes&quote; in title">test</a>

When the wysiwyg loads and i hit the "source" button, you can easily see the &quot; is messing up and you get this instead:

<a href="/something" quote="" title="test of ">test</a>