Custom Query

It's not a regression while same thing works well in V2.

Environment

IE8 Strict

Reproducing Procedures

1. Open any page sample, load the editor with the following content and selection.

   	<ol>
   		<li><p>item1^</p></li>
   	</ol>
   

2. Press 'enter' at the end of the paragraph;

• Actual Result: There's an extra line height above the newly created list item.

When maximizing the editor, the text cursor appears when moving the mouse over the text inside the toolbar combos. This does not happen when not maximized (the arrow doesn't change, as expected).

Confirmed with FF3.5 in the Kama skin at least.

1. Create a table with border=0. The table should be visible due to the showborders plugin.
2. Select all (CTRL+A).
3. Click the "Remove Format".

The table borders disappear.

Hi,

You can test it right here : ​http://nightly.ckeditor.com/4908/_samples/sharedspaces.html

When you click on the little arrow to collapse the shared toolbar, the editor height changes, as if the toolbar height was still calculated in the editor size.

The More Colors dialog that reappeared in CKEditor 3.1 has 8 black color buttons filling the last slots in the bottom row of color buttons. It would be nice if these "filler" buttons could be overruled by custom color buttons defined in the custom configuration.

While it's already possible to add custom colors to the default color button menu via CKEDITOR.config.colorButton_colors, one or two custom color buttons look out of place there.

I would like to add a couple of colors used in our company style as buttons in the More Colors menu, allowing me to specify the color and its name (i.e. Company green) to use in the title text.

Create an editor instance that spans the with of the screen.
Create a table with 100% width.
Move the mouse to the right hand side of the editor and right click on the table.
Observe the context menu correctly displays as fixed in #4594.
Open a sub-menu, e.g. Cell Properties.
Observe that the sub-menu covers the main context menu.

There are some things that should be included in the default stylesSet sample so it's more useful to learn how to use it:

• Styles for the div container: #4973
• How to apply classes

The default stylesheet might need also some adjustments to reflect those classes.

This is due to the patch in #4973, but it was a long talk that would distract from the real patch.

The patch in #4972 (v2) removes CKEDITOR.loadStylesSet and CKEDITOR.addStylesSet, so when people tries to upgrade they will get an error if they have used them.

I think that most of the people didn't know anything about CKEDITOR.loadStylesSet unless they had to fight with the lack of CKEDITOR.stylesSet ​as I did, but I think that there's lots of people using their own styles with the addStylesSet call. If they don't change the code then it will fail and they have to find out the reason.

So my question is: how do we approach backwards compatibility?

We can leave the code as is and they have to read the release notes to notice the reason of the problem. This can be more complex if they are upgrading for example from 3.0 to 3.3 with hundreds of bugs in the mean time.

We can add bold and red statements in the what's new to make it clearer, but they still have to read the docs.

We can provide also a "compatibility" plugin that it's used just to provide compatibility with older apis. This plugin could define just the old functions as mapping to the new APIs and launch a silent warning in the console (if it exists)

Something along these lines:

CKEDITOR.addStylesSet = function( name, styles ) 
{ 
    if (window.console)
        window.console("The CKEDITOR.addStylesSet function has been deprecated. Please use CKEDITOR.stylesSet.add. Read... for further info");
    CKEDITOR.stylesSet.add(name, styles)
};

This way the upgrade is easier, there's a very little overhead and people can remove the plugin when they know that everything is working OK.

There is a bug with IE in standards mode when trying to click to the right of a control selectable node such as an image.

To replicate Set the HTML to:

<p>
	Line 1<br />
	Line 2<img src="http://www.google.com/intl/en_ALL/images/logo.gif" /></p>

I have attached a patch which fixes this problem. I dont know if it is implemented up to your standards though.

Some things that are bad about my patch are:

• Its using the CK dom range inside selection (seems a bit cyclic)
• You cannot mouse down and drag to select more
  
• I dont really understand why there are multiple selections / ranges so I have just used "getRanges()[0]"
  
• Its using setTimeout() because the selection is not ready before the event
  
• I am using a constant of 20x20 pixels to check the mouse offset - perhaps a character size calculation is needed?

There may be some other ways to fix this. Another idea is that we could insert a whitespace text node / span at the end of the block before the end of the mousedown event.

Cheers,
Scott
​http://www.synergy8.com/

When ckeditor shares a DIV with an object that has a float: left property the editor doesn't render properly.

See the attached HTML file to replicate this issue. Just copy the attached file into your samples directory and view it.

I believe the issue is due to the following CSS:

.cke_skin_kama
{
       display: block;
}

in the mainui.css file. It seems to render correctly if the css is changed to

display: inline-block;

First, create a few bullet point lists items with nested lists. Next try to select a nested list and start typing to overwrite the text. Notice how the text continues at the parent list level and the multiple bullet points on the same line. It is really hard to recover from this, without deleting and recreating the lists. It seems to only be an issue in Firefox and IE6,7,8. Looking at the source, it seems that there is an orphaned <ul> tag under an empty <li> tag.

For example, the source below will cause the duplicate bullet points:

<ul>

<li>first level</li> <li>

<ul>

<li>start of 2nd level</li>

</ul>

</li>

</ul>

It is possible to get into this situation using the above steps to highlight and overwrite text.

I have not found a good way to adjust the alignment of the radio buttons. The radio buttons is outputted as table cells in a single table row, that makes it impossible to use css to display them in an vertical list (Internet Explorer).

It would be great to have the following options for the radio element:

• Vertical or horizontal display of radio buttons
• Whether to display the labels above, below, in front of or behind the radio buttons.

The current definition of getContentElement, getValueOf and setValueOf requires both the pageId as well as the elementId, that means that each element is bound to the page where it has been defined, but it would allow greater flexibility for customization if those functions didn't require the pageId, store all the elements in a dialog in a new collection for example this._.allContents[elementId]

This would allow to just move one element from one page to another in the contents definition, with no need to adjust anything in the javascript code.

Are there any drawbacks?

JAWS is not reading out the accessibility help legend in dialog, it should be in VPC mode when focus reaches the legend.

If the instance is created replacing a textarea, try to make it match those dimensions by default. If the config has some dimensions set, then of course, use that, but if it's missing, then get the size of the textarea like requested in ​http://cksource.com/forums/viewtopic.php?f=11&t=17682

To reproduce

• Open an empty CKEditor instance and insert 2 page breakes.
  
• SELECT (drug the selection - not by clicking on a page break sign) the 2 page breakes signs (make sure you are not selecting any other thing - including text nodes, this is important).
  
• Insert an element on it (HR for example).

JS error is thrown (getFirst() is empty or not an object).

CKeditor's flash plugin accepts youtube URLs, if they point directly to the flash file (youtube.com/v/XXXXXXXX URLs); youtube's interface gives URLs like youtube.com/watch?v=XXXXXXXX.

This patch does a string replace on the interface so that people can paste youtube page urls.

Supplied code reeks of duct tape, but it gets the job done; I don't have 40 hours to spend learning CKeditor internals (it's already perfect, anyway!)

To reproduce

• Open a new editor and go to Source mode
• Write this text: <blockquote>Text</blockquote> and place the caret somewhere inside it
• Click on the blockquote button

The blockquote is not removed.

When printing the content inside of CKEditor (using the "Print" button), page breaks apart from breaking pages correctly, are also printed.

This is a similar problem to issue with printing tables without a border (#731).

In some cases, CKEditor uses an alert to display messages, i.e. invalid . but, in some cases, the developer would like to use his own UI to display these messages. so, i think it can be replaced by an internal function that the developer can overwrite, or make an optional config entry with a callback that will overwrite the original alert.

<textareas> are being handled like normal HTML tags, when they should be getting the same treatment as <pre> tags.

I've done a quick look and from what I see, the offending file would be fragment.js: -Line 152: Original: "&& element.name != 'pre'" Possible replacement: " && element.name != 'pre' && element.name != 'textarea'"

-Line 191: Original: "else if ( tagName == 'pre' )"

-Line 332: Original: "if ( currentNode.name == 'pre' )"

That should theoretically fix it. I haven't worked much with it, so this is all untested, but it'd be nice if someone who has more of an idea how to work this could make a proper patch.

Browser: IE8, OS: WinXP

Occurs in demo page ( 'Little Red Riding Hood' )

When you use the up/down arrow keys to navigate through the Text, the caret will stop at the end of the first <p>-Paragraph.

The next step would be to jump into the table on the right.

Same happens at the end of the positioned table back to the second Paragraph, and also on your way back up.

When linking an image tag which is wrapped by span tag(s) the link is placed around the span tag(s) rather than the img tag. Unless the span tag has text inside it as well as the img tag, in this case the img tag will only be linked.

Example html: <a href="​http://www.google.com"><span style="font-size: 11px;"><img alt="wink" src="/ckeditor%202/plugins/smiley/images/wink_smile.gif" title="wink" /></span></a>

Expected HTML: <span style="font-size: 11px;"><a href="​http://www.google.com"><img alt="wink" src="/ckeditor%202/plugins/smiley/images/wink_smile.gif" title="wink" /></a></span>

OS: Mac OS X 10.6.2 Browser: Firefox 3.5.8

Follow up of #4555

It's not the typical "memory leak" problem present in the browsers, but it's easy to store data in a way that it isn't released after one instance is destroyed in an AJAX way, and that means more and more memory use, so it's in the end a memory leak.

In the previous bug we have cleaned up the main codeline, but there are other parts that will have to be reviewed and instead of trying to dig into every plugin we must try to find an automated way that help us diagnose where are the problems.

Like other form elements, a CKEditor instance should provide a way to reset back to the original contents.

And then we can hook the form onReset event to act like other elements ​http://cksource.com/forums/viewtopic.php?p=46129

To reproduce

• Open the demo or a sample in the SVN.
• Insert any form element (e.g. input, select etc.).
• Move the caret to the sides of the element.

in IE, the caret won't move back to the right. in FF, it won't move to both sides.

Related to #4711 but this is weirder: Using IE8 set this source:

<pre>Hello world!
Bla, bla, bla
</pre>

Go to the end of the first line and press enter several times, this is what it generates:

<pre>
Hello world!

B
l
a
,
 
b
l
a
,
 bla
</pre>

IE6 and IE7 seem to work correctly.

Since there is no 'OK' button in the search and replace dialog, the enter key is useless. therefore, when in search tab, the enter key should trigger the search, and in replace dialog it should trigger the replace.

When <font> tag is used in the HTML content, the font name combo displays invalid font name (Arial) instead of current font.

Steps to reproduce

• Open ​http://ckeditor.com/demo.
• Paste the following in the source mode:

  <p>
  	sdfsd sd fsd fsd f</p>
  <p>
  	<font face="Courier" size="2">test</font></p>
  

• Switch to wysiwyg mode.
• Click on the second paragraph.
• Result: the font name combo shows "Arial" instead of "Courier", which is confusing.

Confirmed in IE8 and FF 3.6.

<br> tag is lost when the block element after line break is empty.

Steps to reproduce

• Set in CKEditor configuration ignoreEmptyParagraph to false
• Paste the following in source mode:

  <div>
  	First line</div>
  <br />
  <div>
  </div>
  

• Switch to wysiwyg mode, result:

  <div>
  	First line</div>
  <div>
  	&nbsp;</div>
  

Same things happens when <p> tag is used instead of <div>.

Reproducing Procedures

1. Load the 'enterkey' sample and switch enterMode from <P> to <BR>;
2. Click on 'Div' command and insert a default div container.

• Expected Result:

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

• Actual Result: Line is wrapped by an extra paragraph.

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

Environment

All IE versions

Reproducing Procedures

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

   test tab order
   <hr />
   

2. Place the cursor at the beginning of first line and press 'Tab' key.

• Expected Result: The editor blurs and focus into the element in next tabIndex.
• Actual Result: The focus goes into the <hr> element.

Environment

IE8 standards, with enterMode = BR.

Reproducing Procedures

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

   <table>
   	<tbody>
   		<tr>
   			<td>
   				text</td>
   		</tr>
   	</tbody>
   </table>
   

2. Click into the spaces after the table at the end of document.

• Expected Result: It's possible to have the cursor blinking there and start typing.
• Actual Result: Cursor stays as it is.

My clients find it confusing when the styles, listed in the "Styles" plugin, are grouped by style type.

I created a patch for "stylescombo\plugin.js"

Environment

All IE versions.

Reproducing Procedures

1. Open any of the sample page;
2. Open 'Styles' combo and click on 'Inline Quatation" and start typing a few characters;
3. Select 'Inline Quatation" again to close the style, then continue typing;

• Actual Result: The closed half of quatation is not displayed.

Browsers parse the contents of the style attribute and do strange things with its contents, so we should protect like we do for href and src so it's modified only when the user request it, and not by the browser.

When pasting HTML that contains lots of nested tags, IE6 throws an error: "stack overflow at line: 27".

Steps to reproduce

• Open _samples/api.html
• Copy content from attached file
• Paste it into the textarea
• Press the "Insert HTML" button

While reading #4358, I was wondering about a way to easly switch between the two list types. With the new dialog in #4358 it should be enough to switch between the tabs and pressing OK.

Steps to reproduce

• Open the demo.
• Put the caret inside one of the table's cells.
• Click 'body' in the elements path.

Notice not only the body is selected, but also 'h1' and 'image'.
Tested with the demo and the current trunk with IE 8.

It would be nice if I can view unprintable characters of used formatting in CKeditor. Is it possible to make button for display and hide such unprintable characters?

When someone copies a hex value for a custom color without initial hash character (e.g. cc31e2) and then use it as a custom color, CKEditor will ignore this color and insert an empty <span> tag.

Confirmed in IE8 and FF 3.6.

<p>
	Sample <span>foo</span> bar.</p>

Steps to reproduce

• Select some text
• Press "Text Color" button
• Press "More Color"
• in the right corner paste cc31e2 and press "Ok"

People usually don't know anything about html tags, they just want things to work, so as long as it's possible we should try to think like a new user and how the expect the editor to behave.

In order to end a PRE-formatted paragraph I think that it's easy to expect that just selecting "Normal" in the format dropdown should start a new paragraph and get out of the pre if the caret is at the start of a new line. This would work in a similar way to the Bold button: you press to start marking things as bold and when you press it again you end the effect.

1. Open 5606.html​ on FF.
2. Focus editor.
3. Switch to source mode.

<p><br />
<? $stuff='stuff'; ?></p>

All browsers autoparagraph protected source. FF additionally adds <br>.

Environment

IE, enterMode = CKEDITOR.ENTER_BR;

Reproducing Procedures

1. Open any of the sample page and click on 'New Page' to clear all contents;
2. Click on 'Insert Horizontal Line' 3 times to insert 3 <hr>;
3. Undo once to revert one <hr>
4. Strart typing some text
   • Actual Result: The inserted text appears after the first <hr>;
   • Expected Result: The inserted text appears after the second <hr>;

Follow up from #4231:

If the editor has been set so it can be resized only vertically, instead of having the grabber at the right-bottom corner it should be displayed at the bottom with a different picture. Same applies for horizontal-only resize.

Putting contentEditable="false" on table doesn't prevent the table content from been editable, this works in all other browsers.

CKeditor 3.2.1 : IE 7.x only - Unable to set font name and font size

I can reproduce the problem in CKeditor demo site:

• Blank the editor's textarea
• Type one word, for example "WORD"
• select the word typed previously and apply font name "arial" and immediately select font size "12"
• put the cursor at the end of "WORD"
• With the cursor at the end of the word, select font name "Tahoma" and immediately select font size 18

=> You will notice that the font is Arial again. The font name "Tahoma" disappeared when you select the font size, paragraph format or styles.

This's a continuation of #5111, where it's not able to navigate the toolbar in JAWS with Arrow keys, it shouldn't be a problem if JAWS is in PC cursor mode.

Provide a plugin to detect desktop file dropping into editor, for those support browsers.
The detected file info could be used to upload the file immediately or perform any possible customization.

Edit: Yes that is most correct. Editor should have at least a hook for implementing drag&drop into editor. What I mean is that if editor is connected with file uploader (like CKFinder) it should prepare image information that uploader can use to upload file. After file is uploaded, uploader should send new image path and editor should apply it.

Environment

IE

Reproducing Procedures

1. Open any of the sample page and clear all content with 'New Page';
2. Create a empty bulleted list in place.
3. Open 'Format' combo and select the 'Normal' paragraph format.
   • Actual Result: There's an extra blank line above the paragraph created, but as soon as we start typing, the empty line vanishes.

1. Load the following content in editor;

   <p>
   	wrongspell</p>
   

   • Expected Result: The word is red-marked in wysiwyg mode.
2. Open 'Replace' dialog and replace the word with "right spell", then close the dialog.
   • Expected Result: The red underline is removed.
   • Actual Result: The red underline is still in place.

Environment

IE, enterMode=BR

Reproducing Procedures

1. Load the following content and selection in editor;

   <ol>
   	<li>
   		item1^</li>
   </ol>
   

2. Press 'Enter' key twice to move out of the list.
   • Actual Result: The new paragraph is not created and cursor is blinking at wrong place.
   • Expected Result: A new paragraph is created after the list.

fixlineends should handle special keywords, for example to not add a BOM character to a .js file or force different line endings.

For example in .js file we could add:

// FIXLINEENDS_NOBOM

to remove BOM from that file (.js files should have BOM character).

This is important as BOM is causing problems when creating the API documentation ([5526]).

Steps to reproduce

• Load a sample with enterMode br
• Click on one of the list icons.
• Create two list items and press ENTER twice to finish the list.

Notice that the caret is getting back to the last item, thus it is impossible to create sequential lists.

Version 3.3 added support for preserving heading structure when creating a list item. Would be nice to also preserve structure when creating list items from paragraphs.

In IE6 there is a 8MB memory leak every time an instance of CKEditor is created.

Confirmed using Process Explorer, after creating & destroying CKEditor 10 times (using AJAX sample), memory usage (private bytes) jumped from 9MB to 90MB (tested on IE6.0.3790.1830 @ Win2003/SP1, also reported by user using IE6 6.0.2900.2180).

I have attached a dump from IE Sieve.

Confirmed in FF 3.0.19.

When using CKEditor in fullPage mode, an error is thrown when <title> tag is not present.

Steps to reproduce:

• In Ajax sample add

  var config = {fullPage : true};
  

in createEditor() function.

• Open ajax sample, press "Create Editor".
• Press "Source" button or "Remove Editor".

Result:

element.children[0] is undefined
http://192.168.1.126/bugtest/ckeditor/_source/plugins/htmldataprocessor/plugin.js
Line 198

196  title : function( element )
197 {
198     element.children[ 0 ].value = element.attributes[ '_cke_title' ];
199 } 

Browser/Os: In Chrome on Ubuntu Linux. Bug does not occur in Firefox, not sure about other browsers/operating systems. Steps to reproduce: 1) Go into Full screen mode. 2) Open a dialog (seems like any dialog, but for sure the image dialog produces bug). 3) Exit full screen mode.

At this point, the editor will extend all the way to the right of the screen, instead of going back to the size it was originally.

It seems to me that if a dialog was opened for the first time before going into full screen mode, then the bug does not occur.

Checkbox and radiobutton do not get focus or context menu on FF 3.6.3 and are not editable because of this.

Fake element replacement would be feasable to fix this since elements have basically two appearances selected and unselected.

In #4056 I posted form_changes.zip which uses fake elements for this. Allthough changes are dated and should be rewritten I see no harm done in this approach.

It's not able to block certain keystrokes in IE with 'CKEDITOR.config.blockedKeystrokes', e.g. F5.

In Google Chrome 5.0.375.70 (Windows 7) adding :first-letter style to content.css leads to incorect editor behavior.

If you set cursor to any position inside an existing paragraph and press a character, the character is inserted not in the cursor position but at the previous position.

If you try to set cursor at the beginning of an existing paragraph, it's set after the first letter instead. If you try to press backwards key to move the cursor via keyboard, the script hangs.

In IE 8 that works fine.

• Place CKEditor 3.3.1 inside a DIV or other element
• Editing works fine
• Hide the CKEditor by changing that enclosing DIV's "display" CSS properly to "none".
• Show the CKEditor again later by changing the CSS "display" back to "block".

The result is that the CKEditor works OK, but the cursor is never displayed. If you type ... you may see your results, but without any visible cursor.

You can get the cursor back by changing the CKEditor mode to "source" and then back to "wysiwyg". This is not a very user friendly Work Around.

Issue observed in FireFox 3.6 on Mac and Windows XP. Have not tried it in other browsers yet.

This issue did not exist with CKEditor 3.1.

Many customers and ourselves have noticed that CKEditor has a much slower response to keyboard input when SCAYT is enabled. The speed seems to be vary over an editing session.

Anecdotally, it seems to be worse if you are far geographically from the SCAYT server.

We would expect SCAYT to be as unobtrusive as possible. I.e. perhaps not doing anything until the user has paused in editing for at least a second or so, and not blocking on any AJAX calls.

This uses CKE 3.1.1 and the latest SCAYT back-end release from last week.

1. Set option CKEDITOR.config.fullpage="true" for the sample page.
   

2. Load the sample page.
   

3. Click on the "Source" button to view source HTML code
   

--> Body doesn't contain any SCAYT classes.

4. Click on the "Source" button again to return to normal mode
   

5. Click on the "Save" icon to view the result
   

Actual result:

<body class="scayt-enabled">

Expected result:

<body>

When horizontail line is inserted with Format Normal <DIV> the cursor is sometimes hardly visible and enter adds two new lines.
Steps to reproduce:

1. Open http://nightly.ckeditor.com/5635/_samples/skins.html[[BR]]
2. Select Format: Normal <DIV>[[BR]]
3. Insert horizontal line[[BR]]
4. Cursor is positioned bellow the line, which is correct[[BR]]
5. Click backspace - cursor is at the end of the horizonal line and hardly visible[[BR]]
6. Hit Enter -> two new lines are added and the format is changed from Normal<DIV> to Normal

TinyMCE and other enterprise wiki wysiwyg editors by default ship keybindings for changing a line into headline (h1, h2, h3 are accessed using CTRL+1, CTRL+2, ...).

In order to make CKEditor work the same way I had to go into the plugins I wanted to add keybindings for, and add this line of code

editor.addCommand(tag, new CKEDITOR.styleCommand(style));

to enable h1..h6 and CTRL+0 for p (turn headline back to normal paragraph).

1. Go to CK editor demo page.
   
2. Clear editor content
   
3. Type a word
   
4. Select and copy the word
   
5. Paste it several times on the same line.
   
6. Hit Ctrl-Z to undo.
   
7. Javascript errors should be generated. Probably related to range code.
   

Tested on Windows, Firefox 3.6.3
Editor version : 3.3.1

Steps to reproduce:

1. Start with a editor clean of any HTML.
2. Insert a DIV using the DIV Container toolbar-button.
3. When cursor is inside the DIV, try to move the cursor outside the DIV for further writing. That dosent work.

This happens only of the DIV is the last element in the editor. If there is a span or paragraph below the DIV, you are able to mouseclick/press key down to move the cursor in position outside and below the DIV.

A similar bug has been reported before: #994

Summary: When a DIV Container is the only element in the editor, you are unable to get the cursor outside the DIV if you want to type something else. A workaround is to type something first, then move the cursor above the text and insert a DIV there - that makes the DIV the second last element. But we can't relay on our clients to know this workaround.

Tip: I added a border which made it easier to see the DIV and understand the issue.

Tested and fails in: Firefox 3.5.10 Opera 10.10 Chrome Google Chrome 5+ IE 6, 7, 8.

It looks like the 'html' element is not properly handled in IE7.

Users will use 'html' UI elements when the content that will be put there is not yet known, so it is impossible to set a fixed with for it in advance.

Once the HTML content of such 'html' element is set, the dialog should expand correctly to show the contents.

It works this way in FF, Safari and Ie6 / IE8 (in IE8 mode), however it doesn't work for me in IE7-like browser (IE7 and IE8 in IE7 mode). When I add content to the 'html' element, it is not shown correctly (it is truncated at the bottom).

I have attached a sample where this bug can be easily reproduced.

Enter at the end of DT element should create new DD element and vice versa.

Styles plugin loses the attributes of PRE blocks in mergePre and toPre functions.

The link plugin is not registering a selected link when a <br> is inside an <a>, which the editor sometimes creates by itself.

To replicate: ​http://nightly.ckeditor.com/5649/_samples/replacebyclass.html

• press Enter at end of line
• click the Link button
• create a link (e.g. www.google.com)
• click OK
• click link button again, it will work
• click OK
• click link button again, there will be nothing in the URL field
• you also then can't right click the link and edit it.

If that doesn't reproduce the problem, try adding a <br> to the <a> element manually, e.g. using Firebug.

Firefox 3.6.6, Mac OS X 10.6.3

When in high contrast mode, navigating with the keyboard to a menu button and using spacebar to open the menu panel, it works correctly the first time. If you navigate back to the toolbar and open the menu again the majority of times the panel displays for a few milliseconds, then focus goes to the content area. You can see this behaviour by using the SCAYT menu button.

Steps to reporduce:

1. Turn on high contrast mode.

2. Load an instance of the editor.

3. Tab to the content area.

4. Press alt+F10 to give focus to the toolbar.

5. Navigate to the SCAYT menu and press spacebar to open the menu.

6. Press the down arrow to select the first menu item.

7. Press Esc to close the menu and return focus to the content area.

8. Repeat steps 4 and 5 to open the menu again.

The menu will only display for a few milliseconds, in more cases then not.

Step to reproduce:

1. Select more than 2 lines with inserted numberic list format
2. click on insert horizontal line
3. Hit javascript error

Select the sentences >click on background color >select more color

click on cancel>click on cancel again

Click on <OK> ( Notice it show selected color )

it does not change background color in the editor

Enter !@#$ and click on enter , notice it shown underline.

Happens on IE only

1. go to ckeditor.com/demo
2. set the 'source' to

   <p>
   	<a href="foo">I am a link</a></p>
   

3. return to wysiwyg mode
4. place the cursor immediately before the 'l' in 'link'
5. press enter
6. press backspace
7. view source

[expected]: The source is relatively unaltered: there's only one link.

[actual] there are two links:

<p>
	<a href="foo">I am a </a><a href="foo">link</a></p>

Some more info: Pressing 'enter' the first time breaks the links apart. I would consider this a bug, but the behavior is somewhat reasonable. Pressing 'backspace' removes the break and the links are now adjacent. The expected behavior here is that the links have rejoined, since the "backspace" logically has undone the action of pressing "enter".

This bug was discovered as a user attempted to manipulate some copy-pasted song lyrics. Here's an excerpt of the source that was generated by the paste:

<p>
    Big wheels keep on turning,<br />
    carry me home to see my kin<br />
    singing songs about the southland.<br />
    I miss ole bamy once again and I think it&#39;s a sin.<br />
    Well, I heard Mister Young sing about her.<br />
    Well, I heard ole Neil put her down.<br /></p> 

Steps:

1. go to ckeditor.com/demo
2. set the source to the code snippet above
3. return to wysiwyg mode

now...

In Firefox:

1. Go to the end of the Nth line (where N > 1)
2. Hit Enter
3. Hit Backspace
4. Hit Shift + Enter
5. [Bug] Watch first line disappear and cursor jump to top

In Chrome:

1. Go to the end of the Nth line (where N > 1)
2. Hit Enter
3. Hit Backspace
4. Hit Shift + Enter
5. You are now unable to get rid of your newly created paragraphs

I wrote a CKEditor plugin and used CKPackager to create a new ckeditor.js. This new file had some javascript errors. This happened, because the CKPackager broke a code snippet when it tried to minify this snippet. I added a unit test to the test.js:
[ "function(){var a;delete a;}" ]
This test fails, too. The result of this test is
"function(){var a;delete a.a;}"

Now I always have to fix this manually in the created ckeditor.js. Would be great, if this could be fixed.

Thanks in advance.

Greets, Marc

It is sometimes very confortible to have a prepared config file where You could see all the available configuration (commented out) and its documentation without having to go online and search what configuration parts are worth to be added to some particular project (it takes less time to go through config text file).

I have made such sample configuration file and would like to suggest to add it to the project. It is based on the official documentation and at the moment - up to date. In the first usage examples I have placed default values instead of writting them seperately.

This sample/tool/wizard should allow the user to test the behavior of as much config options as possible and get the js code that he needs to use for use it in his implementation.

Proposed in ​http://dev.ckeditor.com/ticket/5998#comment:8

Steps to Reproduce: -Look at the demo page -look at the top right of the hidden field icon

The white space above and to the right should be made transparent

Hello,

I've written a php connector which will use ftp nstead of file system commands. Right now, only php5 is supported, because i use my own created FTPStandalone class.

Setup is quite easy You need only to add the following config in ckfinder config.php

$configFTP? = array(

"ip" => "127.0.0.1", "port" => "21", "user" => "username", "pass" => "password", "path" => "The/Path/From/FTP_HOME/To/baseurl"

);

port is optional, if not set, port 21 will be used path example webserver document root: /var/www/vhosts/domain.de/httpdocs

base path for uploading: /uploads/files/ckfinder

complete path: /var/www/vhosts/domain.de/httpdocs/uploads/files/ckfinder

ftp homedir (complete path) /var/www/vhosts/domain.de/

so the path configuration should be: $configFTP?path? = "/httpdocs/";

this example is based on parallels plesk

feel free to tell me if you like it or what i could do better.

Steps to reproduce

• Insert the following html to source and place the caret at the marked place:

  <ul>
  	<li>
  		It^em
  		<ul>
  			<li>Sub-item</li>
  		</ul>
  	</li>
  </ul>
  

• Move two times with the right arrow key.

Notice that the second time, the caret is placed in the beginning of the sub item and not the end of the first item as expected.

CKLangtool works only with single quotes, it is causing problems like this one: #6038.

• Open a sample.
• Type 'aaaa'.
• Open the find dialog, check Match whole word.
• Search for 'a'.

A JS error is thrown.

With WebKit browsers, the dialog tabs get highlighted when we click on them or when hitting CTRL+10 to keyboard navigate them. This can be even considered a feature.

The problem is that the highlight border appears partially covered by other tabs, because of their default z-order.

We should have it in a way that the active tab moves to the top, so the border appears entirely.

With the Arabic language, it's possible to note that something went wrong with the "1%" marker of that localization entry.

I've build a couple custom plugins now and keep running into the problem that the windows never seem to stretch to accomodate the content. Thus I have to very carefully set the minWidth correctly in the dialog definition.

I thought this was my fault until I came to the templates dialog. In SVN, the templates container is also not wide enough for the contents. To replicate, pop open IE in quirks and open the templates dialog.

There are two possible fixes for this (or both): 1) Define the templates dialog as being bigger 2) Rollback #4863 - if you change dialog.css .cke_skin_kama .cke_browser_iequirks .cke_dialog_page_contents and set position = relative (or just remove it)...the dialogs will accomodate the content better.

There might be another fix which is making the templates scroll contents better styled, because right now it looks like there is excessive whitespace in there serving no purpose. But even when I managed to make that box smaller, the intro text above it still runs over. Thoughts?

With any file manager when I click the "Browse server" button ckeditor opens a new window/popup . I want ckeditor to allow me to open the filemanager in a "fake" popup like the one that are created from javascript. I'm developing an application using extjs and I would like to be able to open a filemanager in a window created by extjs.

I thought the easiest way to do this is to modify the filebrowser plugin to make it call a function instead of opening the "url" in a popup. then that function will call whatever extjs code I would need to create the window.

I made this simple modification to the filebrowser plugin and it would be nice if it could be integrated in future versions as it would be easier to mange the updates and I think others might benefit from it too.

the attached patch is for ckeditor 3.3.1

• Load the following html and place the caret as marked:

  <ol><li>Lorem ^ipsum</li></ol>
  

• Click on the Page break icon.

Notice that the item is splitted into two different items.

As in object. Thank you very much.

Lots of html-entities exist, that are not shown in the list of characters. At the same time, lots of useless characters are shown, such as a-z and A-Z. Something needs to be changed.

Including a-z only makes sense if you make a truly complete list, including every unicode character, such as the one found in charmap.exe in Windows.

If you want to stick to an incomplete list, don't include a-z, as they are found on every keyboard anyway. And why not include all html-entities except whitespace? You can see them here, including their names: ​http://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references

From ​http://cksource.com/forums/viewtopic.php?f=11&t=19714

1. Open IE and go to CKEditor demo: ​http://ckeditor.com/demo
2. Paste this HTML code into source view

   <p>
   <a href="#" onclick="window.open('http://www.anydomain.test','windowname','width=320,height=240'); return false"><font size="2">wordinsidelink1 wordinsidelink2 wordinsidelink3 wordinsidelink4</font></a></p>
   

3. Turn on the spell checker
4. Switch between HTML and design views to see the code changes

When the spell checker checks the document, it apparently splits the font tag in the following way: word1 and its font tag is enclosed inside the misspell span. I.E. <span class="scayt-misspell"><font>word, then the following three words are <font><span class="scayt-misspell" id="thisone">word

Works fine in FF. Hope that helps describe the problem well enough!

When having a larger document, the SpellChecker dialog becomes useless. I have tried editing the following document in CKEditor:

​http://en.wikipedia.org/w/index.php?title=Black_hole&printable=yes

and after opening the "SpellChecker" dialog (with the "Check Spelling" button), after I clicked "Finish Checking" button inside of the dialog, it didn't close in a reasonable amount of time (it took almost 9 minutes, I have pretty fast internet connection). I have tested it in IE8.

To reproduce load the attached HTML source and use WSC.

I have no idea how spell checker works, but it looks like the problem is that the data is sent in a really small chunks, thus checking the whole document requires hundreds of HTTP requests.

There is one more thing that I do not understand here: I have pressed the "Check Spelling" button, I did not change anything in the dialog and just pressed the "Finish Checking" button. Why is it taking so long if I did not change the document at all?

If it really has to take a lot of time, we could at least display an estimated time required to finish processing, because it is definitely not obvious that this operation may take so long.

To reproduce the defect:

1. set enterMode = CKEDITOR.ENTER_BR in the config option.

2. Open Ajax sample. Type some text.

3. Press Enter at the end of the line.

Expected Result:

New line is created and cursor is shown in the new line.

Actual Result:

New line is created but Cursor is shown in the same line from where we have pressed Enter.

Cursor will move to Correct line only when user starts typing the text.

Tested in IE 6&7

One of the complaints I get from a lot of people who use the program is that they cannot tell if their file is uploading. (I mean I can tell, but it's not user friendly). We often upload large flash videos or pictures to the server and this can take several seconds.

The problem is that the window never gives any notification of the upload. It should at the very least provide a message saying "Your file is being uploaded". At best, it would be more AJAXy and offer a progress bar (Although I understand the complications with that).

This problem is probably even more present for internet users who have slower connections. My current solution is to hack the file browser plugin. Before it starts the upload, I popup a window (Using a timeout) with a simple gif. I save the reference on the element, then when the URL comes back, I look for a saved window and close it.

This feature could be as basic or as advanced as you guys want, but I think it'd really make the filebrowser more informative in that regard.

To reproduce the defect:

1. Open any sample except Ajax.

2. with out keeping the cursor in editor body try to select a Font(ex:Georgia).

Expected Result:

see that font is selected and shown in Font Name drop down list.

Actual Result:

Font selection goes back to empty by itself

3. select the font type again. (I am able to select the font this time).

4. Change font size to 22.

5. Click on Bold button & notice that the button doesn't has any effect.

6. Click on Underline button & notice that the button doesn't has any effect.

7. Start typing some text.

Expected Result:

see that text has font Georgia and Size 22 ad should be Bold and Underlined.

Actual Result:

See that Types text has only Underline applied and no Font Name, Font Size or Bold formatting applied.

Tested against IE 6 ,7 & 8.

To reproduce this defect in Ajax sample, type some text,Remove the Editor,Click on Create Editor again & follow steps 1 to 7 and you will see the same behavior.

With CKEditor v3.4b, Windows 7, IE8 or FF3.6 or Chrome 5. Suppose you use the following styleset

{ name : 'normal', element : 'p' },
{ name : 'normal/red', element : 'p' , attributes: { "class": "red" }}

Select the "normal/red" style with the help of the combobox. After that move the cursor away, and then click on the previously modified paragraph again. Now the combobox will select the "normal" and not the "normal/red".

It seems as if CKEditor selects the first style that matches the HTML element, not regarding the class name.

Some users are not happy with the way how addquerystring in the filebrowser plugin works (​http://cksource.com/forums/viewtopic.php?t=19761)

We could think of making this function more customizable or even public to allow developers to override it with their own function without the need to recompile CKEditor.