Custom Query

Please add the pixel dimensions to the thumbnail display in the main window frame. I know they are available when you view the image, but adding it in the main window would eliminate subsequent mouse clicks. Thanks.

insertHtml('<span><br><br><span>foo</span></span>')
is refactored to
<br><br><span><span>foo</span></span>
Only seems to happen with nested spans; makes no sense since none of the tags are blocks that would require a reconsideration of line breaks

That file is just documentation and after release is just a comment, so it should be deleted (and the resulting empty folder)

FUP of #5084.
If the dialog size is bigger than the view pane, it should be reduced to fit the view pane. We should cover the resize event as well.

If you set the border property to zero (meaning no border) for an image in the image dialog, it will not save this value. This has been ongoing for as long as I can remember with the new CKeditor.

this is a hack fix for plugins/image/dialog/image.js:817

if ( type == IMAGE )
{
var value,
	borderStyle = element.getStyle( 'border-width' );
borderStyle = borderStyle && borderStyle.match( /^(\d+px)(?: \1 \1 \1)?$/ );
value = borderStyle && parseInt( borderStyle[ 1 ], 10 );
isNaN ( parseInt( value, 10 ) ) && ( value = element.getAttribute( 'border' ) );
//this.setValue( value );
if (value == 0)
{
   this.setValue('0');
}
else
{
   this.setValue(value);
}
}

1. Load default sample page;
2. Click on 'CKEditor' link to open dialog;
3. Switch to "Advanced" tab;
4. Switch back to "Link" tab;

• Actual Result: URL field is reset to blank

Happens also to "table" dialog.

• Open the AIR sample.
• Click inside the editing area.
• Right click on a toolbar icon.

The context menu opens.

• Open the AIR sample.
• Create a fake element (e.g. anchor).
• Drag the element across the text, drop at any position.

The fake element disappears and the contetns between the fake element and the remaining line is selected.

Go to demo page:

1. Clear content

Create following list :

<ul>
  <li>item
    <ul>
      <li>item
        <ol>
	  <li>&nbsp;</li>
	  <li>item</li>
	</ol>
      </li>
    </ul>
  </li>
</ul>

2. Put cursor in first numbered item.

3. Press enter and observe the outdent behavior.

4. Press enter again and observe that outdenting does not occur.

Is this intentional behavior ?

Tested in Firefox 3.6.13, WinXP, CK version 3.4.2.

Go to demo page:

1. Clear content
2. Add following content:

   <ol>
     <li>item
       <ol>
         <li>item</li>
       </ol>
     </li>
     <li>item</li>
   </ol>
   

3. Place cursor at start of first list item
4. Press the 'up' key twice fast.
5. Observe the cursor is now positioned in front of the list.
6. Now press delete and observe that the first list item collapses.

Tested on Firefox 3.6.13, WinXP, CK version 3.4.2

1. Load the editor with the following content with enterBr:

   <div>
   	line1<br />
   	line2<br />
   	line3</div>
   

2. Fully select first two lines by mouse;
3. Click on "Indent" button;

• Actual Result: All three lines are indented.
• Expected Result: New block (div) created for the first two lines which get indented.

Same problem applies to other block commands like alignment.

In a few dialog we have fixed width for content, so the dialog is resizable but the content size is never changed.
We need to make the content resizable (or cancel the resizing option of them).

• Spell checker (covered by #6829).
• Paste.
• Special characters.
• Select color.

• Open an editor with enterMode set to BR.
• Clear the content.
• Click on the blockquote icon.
• Type some text.

Note that the text is written above the blockquote.

I'm not sure if we already have a ticket for it.

1. Initial source:

   <p>Paragraph 1</p>
   <h2>Heading 2</h2>
   <p>Paragraph 2</p>
   

2. Select h2 in elements path to select the second row
3. Press "Delete" key
4. Result: row has been deleted, but the source still contains h2:

   <p>Paragraph 1</p>
   <h2>Paragraph 2</h2>
   

5. Expected result:

   <p>Paragraph 1</p>
   <p>Paragraph 2</p>
   

Works fine in FF and Chrome @ Mac.

Occurs in Safari 5.0.3 for Mac OS 10.6.5

When using the method editor.insertHtml() to insert content that is wrapped in a <span> tag, the content is not inserted into the location where the cursor resides. It inserts the content OUTSIDE of the next available ending </p> tag.

This makes it impossible to insert content wrapped in a span (non-block level) tag on the same line as existing content in the editor.

To replicate:

Use a plugin which installs a menu into the Editor toolbar, such as richcombo plugin. The plugin should use editor.insertHtml() to insert content. The content to be inserted by the menu item should be wrapped in span tags like:

<span>some content</span>

Within a new editor instance, first type a single word but do not hit return. Select the menu item from the toolbar that uses editor.insertHTML() to insert content wrapped in a simple span tag. Notice that the content is inserted on a new line, not next to the word. Click the Source toolbar button. Notice that the span tag is inserted after the closing </p> tag.

• Insert an image and click on it to select it.
• Open the link dialog and insert a link whose target is a frame.
• Right click on the image -> Image properties -> Link.

The target field is now blank, I think it should be somthing like <other>.

IE needs a comma after each filter. The following does not work:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icons.png',sizingMethod='scale'),alpha(opacity=30);}

This one is ok (note: space after comma before alpha):

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icons.png',sizingMethod='scale'), alpha(opacity=30);

Dirt hack comitted with [6231]. Ideally it should be fixed in yuicompressor.

Related issues:

• if we move two filters into two separate CSS rules, #4821 will be back.
• if there is no space before alpha(), #6857 appears in release version of CKEditor 3.5

1. With enterMode = CKEDITOR.ENTER_BR open any sample page;
2. Clear page content and click on "blockquote";
   • Actual Result:

     <blockquote>
     	<p>
     		&nbsp;</p>
     </blockquote>
     

   • Expected Result: There's no created paragraph.

To reproduce the defect:

1. Open a sample and insert a Table.

2. Keep cursor inside a Table Cell and click on Numbered list icon.

3. see that Numbered list starts.

4. Type some text, keep the cursor at the end of list item and select Numbered List Properties option from Context Menu.

Expected Result:

Numbered List Properties dialog comes up and will have value 1 filled in Start field and <not set> selected in Type drop down list.

Actual Result:

Numbered List Properties dialog comes up but the Start field is shown as Empty and <not set> selected in Type drop down list.

5. Select a Type (ex: Upper Alpha (A,B,C,D,E,etc) and enter a value 5 in Start field. and click OK Button.

Expected Result:

Numbered List starts from E and the numbers in Numbered list changes to Upper Alpha.

Actual Result:

Nothing happens and Numbered List is not changed.

Same thing happens with Bulleted List.Style for Bulleted list is not changed when we select a different bullet style from Bulleted List Properties dialog.

We could have an editor feature that resolves ID duplications in the contents, e.g. while pasting. It should not be a core feature, unless it is configurable.
Advantages: XHTML will be more valid, JS will operate correctly. Disadvantages: Styles might get broken.

IE7, IE8, caret shows through the styles dropdown box; doesn't show through the other dropdowns (format etc.)

IMO forms creation should be much like DIV creation, wrapping the selection rather than removing it.

Style combo item is not presented under the preview style of the each style definition (same with format combo), sometimes this isn't an option at all (seen on user request #6379), the editor should allow an alternative presentation to be provided in the following format:

	{
		name : 'Colored: White',
		element : 'span',
		styles : { 'color' : 'White' },
		displayHtml: '<span style="background-color:#000;color:#fff;">Colored:White</span>'
	}

To reproduce the defect:

Scenario 1:

1. Open CK Editor and insert a Table.

2. Keep cursor inside a Table Cell and click on Block Quote icon.

Expected Result:

Block Quote is applied to Table Cell.

Actual Result:

Block Quote is applied to whole Table.

Scenario 2:

1. Open CK Editor and insert a Table.

2. Type some text inside a Table Cell, select the paragraph and click on Block Quote icon.

Expected Result:

Block Quote is applied to the selected paragraph inside Table Cell.

Actual Result:

Block Quote is applied to whole Table.

Use the following styles:

	{ name : 'Red Title'		, element : 'h3', styles : { 'color' : 'Red' } },
	{ name : 'Red title with blue background'		, element : 'h3', styles : { 'color' : 'Red', 'background-color' : 'Blue' } }

And the following content (place the caret somewhere inside the <h3>:

<h3 style="color: red; background-color: blue;">
	This is some <strong>sample text</strong>. You are using <a href="http://ckeditor.com/">CKEditor</a>.</h3>

Open the styles combo. Both "Red title" and "Red title with blue background" are marked as focused, while only "red title" is presented in the combo label. IMO the label should read "Red title with blue background".

Load the demo ​http://ckeditor.com/demo and try to insert an image, click the Browse button and only the Images folder is shown.

Now launch the "image button" dialog (in fact, just the same dialog with different name), now browsing shows all the file types, not just images.

To reproduce the defect:

1. Insert a Flash with the following URL ​http://bytescout.com/files/demo/swfscout_VideoSample.swf

2. Un check the check box Auto Play on Properties tab of Flash Properties tab.

3. Remove the editor to save the flash.

Expected Result:

Flash is shown on the page but it should not play since we un checked the check box Auto Play.

Actual Result:

Flash is shown on the page but it is playing automatically even though we un checked the check box Auto Play.

steps: 1.open www.ckeditor.com/demo 2.switch to source mode,input html:

<p>
	12345678<font style="background-color: rgb(130, 130, 130);">xyzabcd</font>9012345678</p>

3.switch to wysiwyg mode and place cursor between 'y' and 'z', then click background button , select '自动'

4. expected:

'xyzabcd' does not have background-color.

actual result :

unchanged

5.select '8xyzabcd9' ,then click background button ,select red color

6. expected :

generate code :

<p>
	1234567<span style="background-color: rgb(255, 0, 0);">8xyzabcd9</span>012345678</p>

actual code (too bloated):

<p>
	1234567<span style="background-color: rgb(255, 0, 0);">8</span><font style="background-color: rgb(130, 130, 130);"><span style="background-color: rgb(255, 0, 0);">xyzabcd</span></font><span style="background-color: rgb(255, 0, 0);">9</span>012345678</p>

ps:in trunk ,result is error :

<p>
	1234567<span style="background-color: rgb(255, 0, 0);">8<font style="background-color: rgb(130, 130, 130);">xyzabcd</font>9</span>012345678</p>

ps2: i provide a patch for trunk, add consideration about override element's style

To reproduce the defect:

1. Open CK Editor sample and insert a table with 30 rows,15 columns and right alignment.

2. keep cursor in any of the top rows (for ex: first row) and keep pressing the mouse in side scroll bar to navigate down the table.

Expected Result:

Table should move up,we will be able to navigate down the table and see the bottom table rows.

Actual Result:

Table is not moving down no matter how many times we clicked the mouse and we were not able to navigate down the table.

When loading a html template containing some meta tags inside the html body, ckeditor becomes unresponsive and after a while browser shows a message that a script is unresponsive and should be stopped - experienced in Firefox 3.6.13, IE8 and Chrome 8

See the attached template for reference.

The following procedures applies to IE above version 7.

1. Load the editor with a single <hr />;
2. Try to put cursor before hr at the beginning of document;

• Actual Result: It's impossible to do so

This only happens in Chrome (Windows and Linux). IE and Firefox handle the situation properly.

Entering a malformed a tag, with an invalid and escaped attribute causes the page to freeze. Looking at the process manager, the tab in question was running at 100% cpu.

A combination of obscure bugs in my own code caused the invalid html that triggers this bug:

<a href="http://www.amazon.com/" store\"="">google</a>

In IE and Firefox, the invalid attribute "store" is completely removed.

To trigger:

​http://nightly.ckeditor.com/6355/_samples/replacebyclass.html
Click "Source"
Paste above snippet
Click "Source" again

Not a huge bug, and obviously inputting correct html avoids this completely.

To reproduce the defect:

1. Create a numbered list with 1 list item.

2. Create a separate bulleted list with 1 list item.

3. Press CTRL + A and then press decrease indent

Expecetd Result:

Numbered and Bulleted list gets removed and list items are converted in to paragraphs.

Actual Result:

Nothing happens visually but <p> tags are added inside the <li> tags.

In FF, if you press increase indent, only the text gets indented. The bullets/numbers remain on the left of the page. Again <p> tags are added inside the <li> tags.

Under new samples/User Interface color each editor has Color picker icon installed.
Plugin does not load under IE6; rest browsers are OK.

DUP with a better description: #7220.

Test/Use Case

• clear content and insert an default empty table 3x2.

In MS Word, user is allowed to select whole table by clicking [+] in left upper corner, then it is possible to set unified format to all table cells and resizing. CKEditor also allows selection of whole table for resizing.

• select whole table (click on the border), so the resize options are visible

Instead of resize try to change formating

• select blue from styles combo box

Result in IE6 - part of cells are deleted

<h3 style="color: blue">
	&nbsp;</h3>
<h3 style="color: blue">
	&nbsp;</h3>
<h3 style="color: blue">
	&nbsp;</h3>
<h3 style="color: blue">
	&nbsp;</h3>
<table border="1" cellpadding="1" cellspacing="1" style="width: 500px">
  <tbody>
	<tr>
 	<td>
		&nbsp;</td>
	</tr>
	<tr>
	</tr>
	<tr>
	<td>
		&nbsp;</td>
	</tr>
	</tbody>
</table>
<p>
	&nbsp;</p>

In CKEditor v3.5 it was not possible to select style when table resize icons were visible

Should it be possible to set formating this way? Or when resizing table, setting format should be disabled?

In Opera, formating is set outside of selected table, but without changes inside.

<h2>
	&nbsp;</h2>
<table border="1" cellpadding="1" cellspacing="1" style="width: 500px">
	<tbody>
...

In Firefox, only first cell got formating

• Open Image Dialog
• Paste the following url:

  [%placeholder%]/file.jpg
  

• Click 'OK' to close the dialog.
• Result: JavaScript error (invalid argument)

Select dialog should apply multiple="multiple" and not multiple="true".

Then a minimalistic toolbar could be shown when the ckeditor is a (small) component of some window and an elaborate toolbar when maximized/full screen.

The advantage would be having as much workspace as possible in a small editor instance where mostly text is typed. And not having to manually select a larger toolbar when clicking 'maximize' when a larger workspace and more toolbar options are required.

The languageCodeInputLabel property defined in the language files is redundant, since the Div Container dialog window is using the langCode property of the Link dialog window instead.

Moreover, most language files contain faulty translation of the langCode property which instead of an equivalent of "language code" says "language direction". Result: the Advanced tabs of the Link and Div Container dialog windows in most languages have 2 entries for the Language Direction and none for the Language Code.

A separate issue created from ticket #7041.

TC:

• Open ​http://rev.ckeditor.com/ckeditor/trunk/6271/_samples/replacebyclass.html
• Press "New Page" button.
• Type "Foo bar" (type some random text, but do not press enter).
• Click Link button, type some URL and press Enter to insert the link. Note: the link should be selected at this stage.Do not click with a mouse on the editing area.
• Press "Right arrow key" button to go at the end of the link.
• Type some text.
• Result: the text typed after the link is not inside of a link.

Follow the same set of steps in ​http://rev.ckeditor.com/ckeditor/trunk/6272/_samples/replacebyclass.html to see that the text is now still inside of the link.

When the getIndex method is called, the getNext will be invoked by getIndex, if an element node contains too many text nodes, the getNext method will be called too many times, that will cause a performance problem. My suggest is using childNodes property, according to my test, using childNodes is nearly two times faster than calling getNext method. Here's my code snippet:

getIndex : function( normalized ) {

var parent = this.getParent(),

currentIndex = -1, node;

if ( parent ) {

for(var i=0,childs=parent.$.childNodes;node=childs[i];i++){

if(node.nodeType == 1

!(normalized && node.previousSibling && node.previousSibling.nodeType == baidu.editor.dom.NODE_TEXT))

currentIndex++;

if(node == this.$)break;

}

} return currentIndex;

},

• Open _samples/enterkey.html, set enter mode to BR
• Press increase indent button
• Press decrease indent button
• Result:

  <div>
  	This is some (...)</div>
  

At the moment the best idea for SCAYT window localization I can think of is to use the "Name Of SCAYT Function In Foreign Language (SCAYT)" as the name of the feature and the title bar of the dialog window. The "(SCAYT)" fragment is useful, since we are using the abbreviation while describing SCAYT options and leaving it out = confusing the users.

The problem is, in some (popular) languages, like German or French, this text is too long to fit into the title bar. Compare:
Spell Check As You Type
Rechtschreibprüfung während der Texteingabe (SCAYT)
Vérification de l'Orthographe en Cours de Frappe (SCAYT) (after we shorten current faulty title: "Vérification de l'Orthographe en Cours de Frappe (SCAYT: Spell Check As You Type)")

This makes the dialog window stretch in an uncontrollable way (see screenshots). We should come up with a solution to this problem. We can either increase the value for the fixed width of the dialog window or, if possible, set a minimum width value and allow the dialog window to adjust to the contents of the title bar, flowing the rest accordingly.

Mind you, this enhancement might come in handy with other dialog windows with long titles, so it might be useful to think about some universal solution for all dialog windows.

hi, sorry for my english in advance.

i found a bug on IE in element path plugin.

when i select multiple cell on a table, edit properties of cell, change a value and click ok a javascript error raise on the line 85

if ( element.data( 'cke-real-element-type' ) )

the object element don't have a property data.

the bug raise only on IE no problem whit FF and Chrome.

• In a enterMode = BR editor with the following content:

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

• Put the cursor inside the text.
• Click "RTL".
• Do CTRL+Z.

Note that the RTL icon is still highlighted.

Hello, I have a Windows application (vs 2008).In a user control, I use a WebBrowser to put in the CKEditor 3.5.In this case, there are features that are not right. For example, theDropDownList Format, Styles and Fonts. If you create a table does not workthe menu options to add row, column, etc ...I tried using the CKEditor in a form with a webBroser and workingproperly. Therefore, the cause appears to be the user control.You can tell me a solution to this?

Attached an example: CKEditorWin is the startup project and on the website are the 2 CKEditor Form1.aspx the url of each webbrowser should be CKEditorWeb web project

Thanks

edited
Seems that we problem with WebBrowser control and CKEditor. Check comment:9 for more details

To reproduce the defect:

1. Open CK Editor sample & insert a table with 1 row and 2 columns.

2. Set the width for the first table cell to 50 pixels

3. Insert a new row above the first row and see that first cell in the new row has the same width as the first cell in previous row.

4. Select both cells in new row using mouse and open Cell Properties dialog.

5. Click OK button with out changing any properties.

Expected Result:

Nothing should change, since we have not modified any properties.

Actual Result:

Column widths are resetting to default

happen in ie6

steps: 1.place a button far below editor :

<textarea id='test'></textarea>
<div style='height:1500px;'></div>
<button>click</button>
<script>CKEDITOR.replace("test");</script>

2.insert a page-break('插入分页符') into editor

3.keep focus（cursor） in the editor and scroll to 'click button' using mouse wheel

4.click button

expected :

window does not scroll

actual :

window scrolls to editor

reason :

caused by line 184 in _source/plugins/selection/plugin.js

doc.selection.empty() causes scrolling.

we should record scrollTop and scrollLeft before empty() and restore them after empty() , i provide a patch ,hope helpful.

Not sure if I'm correct.

Steps to reproduce

1. Start with

   <ul dir="rtl">
   	<li>
   		aaa bbb</li>
   	<li>
   		ccc ddd</li>
   </ul>
   

2. To exit from the list by pressing the enter twice, one must place the cursor into 'ccc ddd|', not at the end of this line, which is '|ccc ddd'.

1. Collapse toolbar.
2. The height of the editor is set to 15px.
   ex. ckeditor.resize('', 15, true);
3. Expand toolbar.
4. JavaScript error (invalid argument)

The cause is here. ​https://dev.ckeditor.com/browser/CKEditor/trunk/_source/plugins/toolbar/plugin.js#L326

contents.setStyle( 'height', ( contentHeight - dy ) + 'px' );

I think that it only has to prevent height from reaching a minus value. Like this. ​https://dev.ckeditor.com/browser/CKEditor/trunk/_source/themes/default/theme.js#L325

contents.setStyle( 'height', Math.max( height - delta, 0 ) + 'px' ); 

if I have a PostBacktrigger that is hit after a partial page update has been done, I get the following error:

actual nightly build (revision 6386): "Line 19: error: object does not supprt property or method" at "return i&&new g(i.contentWindow.document)"

release 3.4.2: "Line 19: error: object does not supprt property or method" at "return i&&new g(i.contentWindow.document)"

Attached please find a small sample project to reproduce the issue.

When I use text editor, i often use Shift+Enter to break lines and stay within the same paragraph, without loosing formating. It is also easy to change those paragraphs to numbered/bullet lists.
I tried the same use case in CKEditor:

Test case 1

• Open CKEditor with EnterMode =P and ShiftEnterMode = BR
• In Source mode paste

  <p>
  	Paragraph 1<br />
  	Line after BR</p>
  <p>
  	Paragraph 2<br />
  	Line after BR</p>
  
  

• Switch to WYSIWYG
• Select all and switch to Numbered or Bullet List

Expected result: There should be only two list items

<ul>
	<li>	Paragraph 1<br />
		Line after BR</li>
	<li>	Paragraph 2<br />
		Line after BR</li>
</ul>

Actual

<ul>
	<li>Paragraph 1</li>
	<li>Line after BR</li>
	<li>Paragraph 2</li>
	<li>Line after BR</li>
</ul>

Test case 2

• See if result of Test case 1 is still selected.
• Disable Numbered/Bullet list

Expected result

<p>
	Paragraph 1<br />
	Line after BR</p>
<p>
	Paragraph 2<br />
	Line after BR</p>

Actual

<p>	Paragraph 1</p>
<p>	Line after BR</p>
<p>	Paragraph 2</p>
<p>	Line after BR</p>

Similar thing happens when EnterMode is set to DIV and BR (Shift Enter mode is different than EnterMode setting)

Test case:

• enter two paragraphs of text
• set cursor at the end of first paragraph
• insert horizontal line

Result of above should be:

<p>test1</p>
<hr />
<p>test2</p>

• Press "select all" or Crel+A
• press "Block Quote" button

Selected text is set as quote, but horizontal line is moved outside quotation
Actual result

<blockquote>
	<p>text^</p>
	<p>test</p>
</blockquote>
<hr />

Expected result

<blockquote>
	<p>text^</p>
	<hr />
	<p>test</p>
</blockquote>

The api_dialog sample shows some interesting things that can be done with CKEditor dialog, but some of them are not working as one would expect or simply do not show something that could be considered as useful.

1. "Adding dialog window tabs – "My Tab" in the "Link" dialog window."
   • we have an extra tab in the Link dialog, but values from this tab are not used at all when inserting / editing a link
   • same with "My Custom Field"

For me this sample is not very useful, because it does not show how actually one could modify the link itself using values taken from those extra fields added to the dialog.

Perhaps instead of using plain text fields in "My Tab" (we already have one - "My Custom Field") we could offer there a select field where user could select a link from a predefined set of links. Such "tab" could be called "My Link Browser" instead of "My tab". Selecting a link could result in filling the "Url" field automatically and setting focus to "Link Info" tab.

2. "Creating a custom dialog window – "My Dialog" dialog window opened with the "My Dialog" toolbar button."
   • we could call insertText or insertHtml to insert entered text, right now one can type something there and when closing the dialog nothing else happens.

• Open a sample that has this style in its style set:

  	{ name : 'TEST1', element: 'div', styles : { 'color' : 'red' } },
  

• Click inside the sample content and click the div icon.
• Choose TEST1 from the styles list.
• Click OK.

JS error is thrown:

style._.definition.attributes is undefined
/_source/plugins/div/dialogs/div.js L339

Regression of [5846].

CKEditor language files contain entries for the scayt plugin, where options from the SCAYT dialog are translated, e.g. in German language file there is:

	scayt :
	{
		title			: 'Rechtschreibprüfung während der Texteingabe (SCAYT)',
		opera_title		: 'Nicht von Opera unterstützt',
		enable			: 'SCAYT einschalten',
		disable			: 'SCAYT ausschalten',
		about			: 'Über SCAYT',
		toggle			: 'SCAYT umschalten',
		options			: 'Optionen',
		langs			: 'Sprachen',
		moreSuggestions	: 'Mehr Vorschläge',
		ignore			: 'Ignorieren',
		ignoreAll		: 'Alle ignorieren',
		addWord			: 'Wort hinzufügen',
		emptyDic		: 'Wörterbuchname sollte leer sein.',

		optionsTab		: 'Optionen',
		allCaps			: 'Groß geschriebenen Wörter ignorieren',
		ignoreDomainNames : 'Domain-Namen ignorieren',
		// ...

However if you check the options dialog, strings from the language file are not used (for example ignoreDomainNames). See the attached screenshot.

as in MsWord, it looks nice to have line spacing option as in button click: -Space Sizes List -add/remove spacing after paragraph -add/remove space before paragraph

I Think this will completethe editor to be as perfect as using MSWORD.

Scenario 1:

When user clicks bullet/numbered list button and then selects style/color of the text, then the color/style of bullets/numbers in lists should automatically change to style/color that we have selected

Scenario 2:

When user selects style/ color of the text first and then clicks the bullet/numbered list button, then the color/style of bullets/numbers in lists should automatically change to style/color that we have selected

Scenario 3:

When user creates numbered/bulleted list and then applies color/style only to first character in each list item , then color/style of the bullets/numbers should automatically change to style/color applied to the first character in the list item.

Also when the user selects the list item and click Remove format it should clear any style applied to the list/bullet line.

There are 3 parts to this new feature request.

1. Users should be allowed to create their own keyboard shortcuts for items that appear in the context menu. For example, there is already a keyboard shortcut for opening the link dialog (CTRL + L). Users should be allowed to create their own custom keyboard shortcuts for opening other dialogs and carrying out other functionality that is currently handled in the context menu.

2. Keyboard shortcuts should be displayed in the context menu next to the appropriate context menu item so that it is clear to the user that a shortcut exists. i.e.for each context menu item there should be:

1. an icon
2. the context menu item text
3. the keyboard shortcut text

An example of this structure on the Paste context menu item would be:

1. Clipboard icon
2. "Paste"
3. CTRL + V

3. Users should be able to manage how the items in the context menu are displayed. Using the above example a user may want the clipboard icon aligned left, the "Paste" text aligned centre and "CTRL + V" aligned right.

Steps to reproduce: 1) Add text to editor instance window such that cursor is not at the beginning 2) execute (in firebug's console, for example):

if no scroll is present document.body.style.overflow = "scroll"; or, if scroll is already present document.body.style.overflow = "hidden"; CKEDITOR.instances.MyInstance.insertText('Test');

3) Note that the text has been inserted at the beginning of the text editor.

This is an issue in Firefox 3.6.13 (and I believe earlier FF versions). Not certain if it is an issue in IE.

The drag-to-resize columns feature is quite useful to users, but only accessible to users who use the mouse. This feature request is to allow keyboard users to perform the same function.

Although it is currently possible to set a width on individual cells, this does not properly resize the whole column of cells in a table.

One approach to this could be to have a dedicated Column Properties dialog that allows a user to define a width for the column of cells. This would then set the width on all cells in the column, just like the drag-to-resize feature does.

When editing a document with links, CKEditor deliberately disables these links to allow proper editing of them. Some users would still like the ability to follow links in edit mode, as in Word.

This feature request proposes adding a keystroke, e.g. CTRL+click to allow the opening of a link target in a new window.

This's a continuation of #6408, where the "autogrow" plugin is still inconsistency in some situation:

1. Load the editor (with "autogrow" plugin) with a long time in <pre> in order to display the h-scrollbar.
2. Put in more stuff until the auto growing happens.
   • Actual Result: Vertical scrollbar is still there

And it even introduce an usability issue on Webkit:

1. Load the editor (with "autogrow" plugin) in Webkit;
2. Put in more stuff until the auto growing happens.
   • Actual Result: Host page scroll up whenever the auto growing happens.

Steps to reproduce:

1. Only one tab must be opened in IE.
2. Place editor inside a frame which is inside a modal dialog window (attached files "Page1.html" and "Page2.html" reproduce than if placed inside "\ckeditor\_samples folder").
3. Open page with editor ("Page1.html").
4. Click on "Font" drop-down.
5. Click on "Size" drop-down (all further clicks on "Font", "Size", "Format", "Background Color" and "Text color" drop-downs will result showing and immediate hiding of drop-down).

Browser name and OS : Checked on IE8 on Windows 7 and IE6 on Windows XP.

I know you won't believe it but <hr> in IE9 can hold text node, here are the cookbook:

1. Click on the <hr> element;
2. Press "Esc" to cancel the handler;
3. Type some text;
   • Actual Result: Now <hr> becomes a paragraph ;)

We would like to request support to load CKEditor in one frame and render it in another. This would be a very beneficial feature for optimising performance. It is currently not supported. Some issues that they have reported so far regarding this are:

• CKEDITOR.tools.isArray() does not support multiple frames
  

• core/loader.js calls current document object

A sample test case is attached which demonstrates the desired functionality.

Instructions for running the test case:

1. Copy the attached files to <CKEditor>\_samples directory.
   

2. Open multiframe.html on Mozilla/Firefox.
   

3. Press "Create Widgets" button.
   

4. Verify CKEditor is created.
   

5. Modify Widget_CKEditor.prototype.createEditorElem in multiframe.js like this:
   

// NG
loader.oDocument = globals.scriptFrame.document;

// OK
//loader.oDocument = globals.uiFrame.document;

6. Open multiframe.html on Mozilla/Firefox.
   

7. Press "Create Widgets" button.
   

Problem: CKEditor instance is not created in UI Frame.

Greeting; i would like to drag your attension to technical issue hoping to solve it in the future version of ck finder.

the issue is that i am working with an image folder contain 11000 pictures inside of it, in this case the browser stop working becouse it handle more that 11000 picture with size more than 100 m.b, as a solution to this issue i suggest to include a limit pictures with counter to the rest of the pictures for example let the ckfinder display 50 image with a counter link to the other images

thank you

Currently editor produce colored link as following, which result in a mixed color looking (underline decoration) on result HTML.

<a href="http://ckeditor.com/"><span style="color: rgb(255, 0, 0);">CKEditor</span></a>

To reproduce the defect:

1. Open CK Editor and paste the lists from the attached doc

2. Keep your cursor after 2nd list item in Numbered/Bulleted list.

3. Press enter and press Increase Indent button

Expected Result:

A new empty list item appears at same level(level 1) as third list item.

Actual Result:

A new empty list item is created at level 1 and previous list items at level 1 are moved to level 2 and made as a sub list of the new empty list item created at level 1

CKEditor 3.5.2 (revision 6449) FF 3.6.13

• Set the font and size.
• Create a list.
• Enter text for item 1. Press Enter.
• Enter text for item 2. Press Enter.
• Enter text for item 3. Press Enter.

Font is applied properly to the new items.

• Now go to the end of item 2 and click to move the cursor there.
• Press Enter and type.

Font is no longer applied properly.

This also happens when pressing Enter at the end of a paragraph. Expected behavior is that font/size of previous paragraph/list item will carry over.

In the Dialog plugin, callling showPage on a page that is already visible increments the pageCount, meaning that when all but one page are removed, the tab bar will still be visible. To reproduce:

1. Create and show a dialog with two pages; both shown by default. Let's call them page1 and page2.
   
2. Call showPage( 'page2' )
   
3. Call hidePage( 'page1' )
   

Now only page2 will be visible - but the tab bar will still be showing, with the single tab "page2". Intended behaviour (presumably) is to have tab bar disappear when only one page is visible.

This can be fixed by adding a check to tab.isVisible() in showPage.

Proposed patch included.

Request for normalizing cut, copy and paste events in the editor across browsers. In version 3.5.2 only the 'paste' event is relayed to the editor object. Would be very convenient if 'cut' and 'copy' could also be relayed.

The specific use case is having to add attributes to the elements in a selection prior to cutting/copying. These are then parsed when pasted back into the editor.

Some quick research gave me the following summary:

I ran the following code in each of the browsers' developer tools

var body = CKEDITOR.instances.editor1.document.getBody();
var logger = function (name) {
    return function () {console.log(name);};
};
body.on('beforepaste', logger('beforepaste'));
body.on('paste', logger('paste'));
body.on('beforecut', logger('beforecut'));
body.on('cut', logger('cut'));
body.on('beforecopy', logger('beforecopy'));
body.on('copy', logger('copy'));

and registered the events fired:

Opera Version: 11.00, Build: 1156, WinXP

Cut: none
Copy: none
Paste: 
  beforepaste 
  paste

Google Chrome 9.0.597.98, WinXP

Cut:
  beforecut
  cut
Copy:
  beforecopy
  copy
Paste:
  beforepaste
  paste

Firefox 3.6.13, WinXP

Cut:
  cut
Copy:
  copy
Paste:
  beforepaste
  paste

IE8, Windows Server 2003

Cut:
  beforecut
  cut
Copy:
  beforecopy
  copy
Paste:
  beforepaste
  paste

IE also fires extra unlisted ones due to calling "queryCommandEnabled('paste')" in clipboard plugin.

When the tab bar is being added or removed for a dialog, the resize event is not fired. The resize event is necessary for IE6 or IE quirks mode, since the height of the left and right borders must be adjusted. This can result either in a gap between the top corner borders and the vertical borders on the left and right sides, or the left and right borders extend up above the dialog's title bar. See attached screenshot.

To reproduce:

1. Create a dialog with two pages. It should display properly, with the tab bar showing.
   
2. Hide one of the pages. The tab bar should disappear and you should be able to see the left and right borders extending up above the title bar, as in the screenshot.

This occurs in IE quirks mode...I reproduced across IE6, 7, 8, and 9 with the doctype:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

A proposed patch is attached. I've changed dialog's resize method to include an optional third parameter, "force," which forces the dialog to fire the resize event even if the actual content area size hasn't changed. Then I call resize from updateStyle, if (and only if) the tab bar visibility has changed AND we're in IE.

Hi On air, the file uploader doesn't appears I have to precise that a <input type = "file" /> is properly rendered in air

When a page has two editors present, calling the same dialog with dobule-clicking on both of them results in the second dialog box appearing underneath the semi-transparent background cover div.

Steps to reproduce:

1. Go to ​http://nightly.ckeditor.com/6504/_samples/replacebycode.html (currently the build is CKEditor 3.5.3 (SVN) (revision 6501))
   
2. Double click on the "Paste from Word" button in the first editor.
   
3. Close the dialog
   
4. Double click on the "Paste from Word" button in the second editor.
   
5. ???
   
6. PROFIT

Tested in latest Chrome and Firefox 3.6 on Windows 7 and XP. Screenshot attached.

I have an MVC application where we need to use SCAYT. When it's enabled, it writes cookies to the browser. Once it hits the IE limit, the client browser arbitrarily drops cookies including the ASP.Session and Authentication kicking users out of the site randomly. Since this is an MVC application it treats www.domain.com/ticket/detail/1234 as seperate than www.domain.com/ticket/detail/1252, when in reality this is the same page with a different id passed in. In webforms this isnt an issue because the comparable url is www.domain.com/ticket/detail.aspx?id=1234 and the scayt cookie (i am guessing) doesnt look at the querystring.

I dont have any true test cases for this, but it can be reproduced in any MVC application that utilizes dynamic paths. Your team should be able to create a sample MVC app (needs to have at least a session key) that has one page that takes an extension and test it with random numbers. Monitor the site in IE6, 7, or 8 using Fiddler and after about 10-15 new number combinations, you will be able to repro the issue.

I would think that there should be a feature (or config setting) that would allow me to designate MVC patterns to treat as singular, or some other function that would cause this not to happen.

Obviously, we could disable the SCAYT feature, but this is a huge requirement for the client and if that is the solution we will just have to use a different editor.

One last thing, I am completely aware that this is an IE issue only, however, our client is a Microsoft shop and it is an actual SLA requirement for us to support IE6-IE8 since 99% of their users are on these browsers.

These is a feature that people have requested several times, these are two related tickets (although they don't request the same thing) #6374 and #7038

This is a request to provide a editor.setToolbar() method that can change the current toolbar to a new one on the fly, it's almost possible with this code:

// Set new Toolbar
CKEDITOR.editor.prototype.setToolbar = function( toolbar )
{
	// Destroy previous toolbar
	var toolbars, index = 0, i,
			items, instance;
	toolbars = this.toolbox.toolbars;
	for ( ; index < toolbars.length; index++ )
	{
		items = toolbars[ index ].items;
		for ( i = 0; i < items.length; i++ )
		{
			instance = items[ i ];
			if ( instance.clickFn ) CKEDITOR.tools.removeFunction( instance.clickFn );
			if ( instance.keyDownFn ) CKEDITOR.tools.removeFunction( instance.keyDownFn );

			if ( instance.index ) CKEDITOR.ui.button._.instances[ instance.index ] = null;
		}
	}

	// Set new one
	this.config.toolbar = toolbar;

	// create it
	var toolbarLocation = this.config.toolbarLocation,
		space = document.getElementById('cke_' + toolbarLocation + '_' + this.name),
		html = this.fire( 'themeSpace', { space : toolbarLocation, html : '' } ).html;

	space.innerHTML = html;
}

But there are two issues that have to be patched in order to work this way.

The patch addresses just those issues, but a more robust and compact setToolbar method could be created.

Environment

Win7 Linux, Chrome9, found while testing CKEditor for ASP.NET

Test case

• Open Replace by code sample, with 2 editors
• In Editor 2 expand Format OR Font OR FontSize dropdown list
• When list is expanded, select the same kombo from Editor 1

Expected result

List in Editor 2 is collapsed, and expanded list in Editor 1 has the same height as corresponding one in editor 2. Styles dropdown is working properly in this case.

Actual result

List in editor 2 is collapsed. List in editor 1 is too high (attached screen)

Steps to reproduce the defect:

1. Open the languages sample in IE6 or IE8.

2. Choose Hebrew from the languages drop down.

3. Click on Text Color or Background Color.

Result: In IE6 some of the right borders for individual colors are missing (see screenshot).

Result: In IE8 some of the colors spill out and slightly overlap the right borders(see screenshot).

I wasn't sure how best to summarize this in the title, but here's how to repro this using Safari or Chrome on www.ckeditor.com/demo:

1. Enter the following using shift+enter/enter as indicated:

one[shift+enter]two[enter]three[shift+enter]four

This results in two <p> tags with <br /> tags where you pressed shift+enter (as expected):

<p>one<br />two</p><p>three<br />four</p>

2. Move the cursor before "three" and hit backspace

Expected result:

<p>one<br />twothree<br />four</p>

I.e., Merge the two <p> tags.

Actual result:

<p>one<br />twothree</p><p>four</p>

I.e., Still two <p> tags, but part of the second <p> tag has been moved into the first.

I've tested this from 3.4.2 up until 3.5.2, but I suspect it probably goes back further.

This is reproducible in Chrome and Safari, but not in FF/IE/Opera, which makes me think it's Webkit-specific.

To reproduce the defect:

1. Create a RTL Numbered/Bulleted list.

2. Place the cursor at the end of last list item and press enter twice

Expected Result:

Cursor shown out of the list and an empty paragraph is created with RTL Language direction.

Actual Result:

Cursor escapes from editor body after it comes out of the list.

But when we start typing the text cursor comes back in to editor body and typed paragraph has RTL Language direction.

Create a table with 10 rows. Paint row 3 with each cell with a diff foreground/border color. Tried to copy that row to 5th row.

Tried in 2 ways and failed to paste correctly in both the cases.

TC 1:

1. Select all the row 2 cells. Copy it using Ctrl-C.

2. Go the row 5, Click the mouse so that it resides in the 1 col of row 5.

3. Now click the paste icon. It copied all 5 cells into 1 single cell.

TC 2:

1. Select all the row 2 cells. Copy it using Ctrl-C.

2. Go the row 5, Select ALL the cols of row 5.

3. Click the paste icon. The copy behaved same way like TC 1.

Steps to reproduce the defect:

1. Open the Ajax sample in IE Quirks mode.

2. Paste the following code into the source view.

<table border="1" cellpadding="1" cellspacing="1" style="width: 500px;">
	<tbody>
		<tr>
			<td>
				&nbsp;</td>
			<td>
				&nbsp;</td>
		</tr>
		<tr>
			<td>
				&nbsp;</td>
			<td>
				&nbsp;</td>
		</tr>
		<tr>
			<td>
				&nbsp;</td>
			<td>
				&nbsp;</td>
		</tr>
	</tbody>
</table>
<ul>
	<li>
		sdaufhuashdf</li>
	<li>
		khsadfkuajsfdi</li>
</ul>

3. Switch back to WYSIWYG mode & click into the editor to give the editor focus.

See that both list items are visible.

4. Click away from the editor to make it lose focus.

See that only one list item is visible.

Note: Once the editor regains focus (even by hovering over a toolbar button), the 2 list items are visible again.

I changed the default values for the font name to Times New Roman and the font size to 16.
I then clicked once in the text area of the editor. Immediately the editor switched back to the default fonts.

I had expected it to still keep the changes that I made to the fonts.
Clicking in the text area is typical behavior for a user, since they will want to be sure that the cursor is focused in the right area before they start typing

When using single quotes in html attributes they somehow get converted to double quotes and then htmlencoded to &quot;

In my case this happens when I try to do this in the code view:

<a href="URL" style="font-family: 'Trebuchet MS';">Link</a>

Switch back to normal view and to code again, and CKEditor transformed it into this:

<a href="URL" style="font-family: &quot;Trebuchet MS&quot;;">Link</a>

Not quite the desired result.

Is there a hotfix for this or do I have to wait for it to get fixed? (couldn't find it on Google)

Edit:

I did some checking. Here are the results:

• IE9 and IE10 - change ' character to &quot;
• IE6-IE8 - delete the ' character
• Webkit, Opera and Firefox leave the ' character untouched.

Since editor 4.x is creating HTML from scratch in some places perhaps it should introduce "template behaviour" in which " goes outside and ' goes inside (or something like that).

Confirmed in IE8. In certain situations it is impossible to remove a style from a list item.

Steps to reproduce

1. Load the following:

   <ul>
   	<li>
   		first line<br />
   		second line</li>
   </ul>
   

2. Switch to wysiwyg
3. Select the first line, press "Underline" button
4. Click at the end of the first line, press again "Underline" button to stop the text from being underlined.
5. Result: the cursor jumps one line down, if you move again at the end of first line, the text will be still underlined.

Note: Remove format works fine when following the same scenario.

To reproduce the defect:

Copy the following code and paste in HTML Source and go to WYSIWYG mode.

<style id="CSS_2" type="text/css">.CSS_2{ background:#99ccff; }</style>
<ul><li><u><span class="CSS_2">dddddddddddddd</span></u></li></ul>

In FF & Safari, underline for the list item not shown but when we keep the cursor in the list item Underline tool bar icon is highlighted.

It works properly in all other browsers.

Typing www.test.com and hitting enter only generates a link in IE.. Tested on Chrome 10, Firefox 4 and Opera 11.

Suppose someone has added a few line breaks with Shift+Enter to visually separate an indented list, like in the example below:

<ul>
	<li>
		test 1<br />
		<br />
		<br />
		<ul>
			<li>
				test 11</li>
			<li>
				test 12</li>
		</ul>
	</li>
</ul>

Switch to source/wysiwyg twice. Result: all line breaks are lost

<ul>
	<li>
		test 1
		<ul>
			<li>
				test 11</li>
			<li>
				test 12</li>
		</ul>
	</li>
</ul>

1. ckeditor_basic_source.js loads ckeditor.js instead of source files.
   
2. CKEDITOR.status == 'basic_ready' after loading of editor when ckeditor_source.js is used.

See attached for the wrong toolbar item wrapping starting from "Form" button, works fine in IE8.

1. Load the URL field with "​http://dev.ckeditor.com/chrome/site/logo-ckeditor-dev.png";
2. Change image width set to 100 without touch lock, confirm dialog;
3. Reopen dialog upon inserted image, check lock status.

• Actual Result: Lock opened.

Basing on #6159, and connected to #6236 While #is fully reproducible under IE7, under IE8/doc mode IE8, the same steps work in different way:

Steps to reproduce

• Click bullet icon in editor
• Type 'test1' , press enter
• Indent the bullet
• Type 'test11' , press enter
• Type 'test12' , press enter
• Type 'test13'
• Move cursor behind test12
• Press enter 3 times
• Press backspace 4 times

Expected Result

Cursor should be back at the end of 'test12'

Actual

• After pressing backspace for the 4th time, cursor is set in an empty line.
• Pressing backspace more times, does not work
• empty bullet line is placed below 'test12'

It works this way since v3.4

When the styles combobox is created, it loads the stylesheet specified in config.contentsCss. However, the body element in the combobox iframe doesn't have the class or ID specified in config.bodyClass/bodyId. As a result the styles previews aren't shown properly as my CSS assumes that the bodyClass will be present.

This is a regression from FCKeditor 2.x.

When list is aligned to the right the following code is created:

<ul>
<li style="text-align: right;">one</li>
<li style="text-align: right;">two</li>
</ul>

however, after clicking "Send to Flash", the list is still aligned to the left in the flash element.

When there is a link followed by text (so there is no space between link and the following text) it is impossible to edit the link, neither by double clicking on it nor using the context menu. Found in Safari at Mac.

Context menu does not work properly also in Firefox ("Edit Link" is not available) if the link is not selected before opening the context menu.

Sample HTML code:

<p>Link&nbsp;<a href="http://example.com">example</a>s</p>

• Open a RTL editor in AIR.
• Open a floating panel.

See that the contents appear as LTR.

Steps to reproduce the defect:

Scenario 1

1. Open the Ajax sample.

2. Copy the indented text from the sample doc IndentedParagraphs1.doc

3. Paste the content into the editor.

Result: The indented paragraphs seem to display fine (see screenshot).

Note: The indentations in IndentedParagraph1.doc are made by typing a line of text. Then press Enter & TAB. Type another line of text. Then press Enter & TAB twice. Then type another line of text.

Scenario 2

1. Open the Ajax sample.

2. Copy the indented text from the sample doc IndentedParagraphs2.doc

3. Paste the content into the editor.

Result: The last 2 paragraphs are not indented as they should be (see screenshot).

Note: The indentations in IndentedParagraph2.doc are made by typing 3 lines of text. Place the cursor at the start of the 2nd paragraph & press TAB once. Then place the cursor at the start of the 3rd paragraph & press TAB twice.

Word has different mark-up depending on how each indentation is created.

Reproducible in IE7, IE8 & FF 3.6.15

The issue concerns FF4 and FF3.6

1. Go to ajax example create editor
2. Click on list creation - (number or bullet) and create empty list (Sometimes you have to toggle between creation and removal few times (usually 3 (c,r,c)) to achieve this)
3. Switch to source mode and than back to wysiwyg mode.
4. Click on list:
   1. in FF3.6, one click is enough
   2. in FF4 you have to click two times.

Results:

1. In FF4 the list element is removed but line break (br) tag is inserted. You can insert many br tags using this combination: list, source, wysiwyg, list, list;

2. In FF3.6 new empty item is created. Now by using combination source, wysiwyg, list - you can create many empty items. Sometimes cursor moves back to first element - if you click list, list and than again source, wysiwyg, list you will be able to create elements again.

This has happened since CKEditor version 3.3 Issue for FF3.6 has started since 3.3 but till version 3.3.1 (inclusive) effect is the same but the editor behavior is a little different.

This issue has occured in CKEditor since version 3.0 It concerns IE6, IE7, IE8

Paste the following code:

<form action="formAct" id="myid" method="get" name="form">
	<select name="myselect" size="1"><option selected="selected" value="val1">opt1</option><option value="val2">opt2</option><option value="val3">opt3</option></select></form>
<p>
	<select name="myselect1" size="1"><option selected="selected" value="val1">opt1</option><option value="val2">opt2</option><option value="val3">opt3</option></select></p>

1. In IE8 this you can only put cursor before select element. When you press enter it is added only above the select. When the cursor is above select you can't get to it using arrow keys, but only by clicking a mouse.

2. In IE6 and IE7 no matter whether you place the cursor before or after select (any select) new lines will be added only above. But you can write before of after select and move cursor freely.

This works perfectly in IE9, Chrome and Safari. Opera has a little different problem described in #7502 and Firefox has a different problem described in #7507