Custom Query

By adding a dialog with an iframe the iframe does not stretch to the requested dimensions. Tested with IE8 and with FF3.6.3 on the SVN. I'm pretty sure this bug was already fixed but i couldn't find the ticket, so it might be a regression.

Hi,

I have had a few problems when using CKEditor for textareas with IDs/ class names with square brackets in them in Internet Explorer (observed in both 7 & 8). One example is that when I use the CKEDITOR.replace function, with a custom config, on two such textareas, the second one appears to lose its colour. This does not happen in Firefox.

Contents of my HTML file:

<script type="text/javascript" src="/ckeditor/ckeditor.js"></script> <textarea name="text1[copy]" id="text1[copy]">existing text</textarea> <textarea name="text2[copy]" id="text2[copy]">existing text</textarea>

<script type="text/javascript">

CKEDITOR.replace( 'text1[copy]' , {

customConfig : '../ckeditor/configs/config.js', toolbar: 'CMSFull'

});

CKEDITOR.replace( 'text2[copy]' , {

customConfig : '../ckeditor/configs/config.js', toolbar: 'CMSFull'

});

</script>

Contents of my custom config file:

/* Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. For licensing, see LICENSE.html or ​http://ckeditor.com/license */

CKEDITOR.editorConfig = function( config ) {

Define changes to default configuration here. For example: config.language = 'fr'; config.uiColor = '#AADC6E';

config.language = 'fr'; config.uiColor = ' #FFFF00'; config.toolbar_CMSBasic = [

['Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink','-','About']

]; config.toolbar_CMSFull = [

['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink','-','About']

]; config.toolbar_CMSBoxOut = [

['Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link']

];

};

Thanks.

The "source" tag is supported very well in FCKeditor, but the equivalent and preferred "syntaxhighlight" tag isn't supported. Both tags should work the same.

Steps to Reproduce

1. Make sure Syntaxhighlight_GeSHi extension is installed. Get it at ​http://www.mediawiki.org/wiki/Extension:SyntaxHighlight_GeSHi

2. Create an article with syntaxhighlight tags using standard markup:

<syntaxhighlight lang="php">
<?php
    $v = "string";    // sample initialization
?>
html text
<?
    echo $v;         // end of php code
?>
</syntaxhighlight>

3. Now edit the article with FCKeditor. Make no changes and save. The tags get changed.

4. Note the same code snippet wrapped in "source" tags works just fine with FCKeditor.

Server Version Information

MediaWiki 1.15.3
PHP 5.2.10-2ubuntu6.4 (apache2handler)
MySQL 5.1.37-1ubuntu5.1
FCKEditor Version 1.0.1 (Subversion r65138)
SyntaxHighlight Version 1.0.8.7) (Subversion r65138)

Browser Version

Ubuntu 9.10 x86 (2.6.31-20-generic)
Google Chrome 5.0.342.9 beta
Firefox 3.5.9

I think i have an idea how to go around it. How can I contribute towards it?

As Summary. Font size, color, type and format doesn't work on any theme(?). I'm using Drupal version 6.x, CKEditor newest version. Bold, italic, underline, cross, number list and other things work's fine except Summary list.

Actually i'm using contented7 and garland themes.

Reproducing Procedures

1. Open 'replacebyclass' sample page;
2. Enable 'SCAYT' and wait for SCAYT to be activiated;
3. Put cursor inside the word 'sample' as following:

   sam^ple
   

4. Open 'Smiley' dialog to insert one default icon at the cursor position;
5. Wait until the SCAYT has finished marking the mis-spelled word 'sam' and 'ple' respectively;
6. Press 'Undo' button to revert the smiley insertion;
   • Actual Result: The SCAYT mark line was reverted but not the smiley icon.
   • Expected Result: Both smiley icon insertion and SCAYT mark get reverted.

Previously FCKeditor converted what was specified in the image width and height boxes into the html attributes width and height. Now I'm using the latest release of CKEditor and noticed it puts the image width and height into the style attribute. I think we should return to the former behaviour.

Perhaps the change was made as part of this ticket ​http://dev.fckeditor.net/ticket/4246 - I'm not sure.

Width and height attributes are not deprecated neither in XHTML nor HTML5 when used on images, because it's better for rendering when this data is in the HTML source code. Technically it's equally OK to have it as an attribute or an inline style, however using attributes is better because it's easier to read and parse the code. Additionally you can simplify your CKEditor code - take out the code which has to synchronise the width/height fields with the styles field. By the way, in case of conflict HTML attributes will take precedence over inline styles.

Personally I'm requesting the change because I have to parse the HMTL CKEditor produces and it's easier when they are attributes. Incidentally I find it makes the HTML more logical and easier to read.

Reference: ​http://www.w3.org/TR/2010/WD-html5-20100304/the-canvas-element.html#attr-dim-width

I keep getting the following error when upgrading to 3.2.1 from 3.2 of ckeditor.

From Firebug [Break on this error] a.dialog.add('colordialog',this.path+'...unction(l){this._.listeners.push(l);

Console Error Error: l.lang.contextmenu is undefined Source File: ​http://localhost:8080/ckeditor/ckeditor.js Line: 44

The following behavior occurs. when loaded as a local file, the examples work. when deployed on a webserver (cache is cleared), the examples fail. (Examples are the sample editors you provide, ie: (FAILS) ​http://localhost:8080/ckeditor/_samples/fullpage.html (WORKS) ​file:///source/websites/coreJava/trunk/web/ckeditor/_samples/fullpage.html

Again, I cleared the cache, and am serving things up normally...

If you do a paste command in a document the editing window scrolls all the way to the end of the document. A problem for large documents.

It seems to be identical to this issue: ​http://dev.fckeditor.net/ticket/4910

attached patch required to resolve #4836

required for #4836 and #4884

To reproduce the defect:

1. Open ​http://nightly.ckeditor.com/5388/_samples/ui_languages.html

2. Select Arabic or Hebrew in the languages drop don list

3. Click on Paste from Word or Paste Icons in the Toolbar

Expected Result: Paste from Word or Paste dialog is opened and the Cursor is on the right-side of the text area

Actual Result: Paste from Word or Paste dialog is opened and the Cursor is on the left-side of the text area.

The Cursor Position is shown properly in Paste as Plain Text dialog.

I'm using CKEditor inside Drupal with the ckeditor module. I want to add the following line to the config file:

config.forcePasteAsPlainText=true;

I debugged the execution of the config js file with Firebug on Firefox 3.6. The structure/class "config" doesn't have a member 'forcePasteAsPlainText'. Therefore, my setting is ignored.

I also added the above line to the config.js file inside ckeditor distribution, but without any effect. Please note, it might be that config.js is never executed due to the Drupal integration. Still, all other settings in the official config file used by the ckeditor module of drupal work.

Steps to reproduce

• Click on the 'Paste from word' icon and open the pating area.
• Click somewhere outside the pasting area.
• Click inside the pasting area.

The pasting area does not gain focus, the caret is not shown and we can not paste inside it.
Tested on IE8 & FF3.6.3 with the nightly build ([5388]).

• Insert table
  
• Put some text to each cell
  
• Select all text in the last cell and apply text color (or background color)
  

Note that text color was changed in each cell.

Currently, paragraphs are separated by two <br /> tags after you paste as plain-text.

It would be nice if

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Cras est felis, laoreet eu elementum nec, aliquet eget ligula.

was converted to

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<p>Cras est felis, laoreet eu elementum nec, aliquet eget ligula.</p>

instead of

Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
<br />
Cras est felis, laoreet eu elementum nec, aliquet eget ligula.

Environment

Chrome and Safari

Reproducing Procedures

1. Open the '​http://ckeditor.com/demo' sample page;
2. Select all contents then place cursor at the end of document;
3. Paste with Ctrl-V;
   • Actual Result: The document doesn't get scrolled to the end of the pasted text.
   • Expected Result: The document scrolls to the cursor position, which is again at the end of document. (scrollbar stays at the same position)

Environment

IE with browser cache enabled.

Reproducing Procedures

1. Open the 'api' sample page;
2. Click on "Set Editor Contents" to send editor the default content provided;
3. Refresh the page;
4. Modify the default content by adding 'Another' before word 'Test';
5. Click on "Set Editor Contents" again to send the modified content;
   • Actual Result: The document content is the same with the first time's result.

Environment

IE8

Reproducing Procedures

1. Open any of the sample page;
2. Load the following content in editor;

   <p>
   	This is some <strong contentEditable="false">sample text</strong>.</p>
   

3. Click inside 'sample text';
   • Actual Result: It's still able to have cursor blinking inside the words and start typing.
   • Expected Result: The strong element should be displayed as control type and should be unable to edit it.

Due to changes made at #3593, these two configs stop working since they depends on designMode.

Open a rich combo in an RTL page. Notice that an horizontal scrollbar appears for a short time.
Tested on IE8 and FF3.6.6 with the current trunk. Looks like a regression.

Smart tags are not dealt with in any way by the pastefromword plugin.

One of our users attempted to paste content from a Word Document into CKEditor. The content contained the following line.

<st1:stockticker w:st="on"><u>JOB</u></st1:stockticker><u>TITLE</u>

In this case, the smart tag was inserted incorrectly in the Word Document, but that is true for many documents created with automatic smart tagging enabled.

Smart tags should be removed in the same way that other Word-specific tags are removed, while preserving any content between the tags. Leaving smart tags intact causes display issues if the content from a wysiwyg is later displayed as html.

For our system, I added the following lines to the default.js for the pastefromword plugin.

h=h.replace(/<st1[^>]*>/g,'');
h=h.replace(/<\/st1[^>]*>/g,'');

This removes all <st1> tags, while leaving contained content alone.

Environment

IE8

Reproducing Procedures

1. Open any of the sample page;
2. Load the following content in editor;

   <p>
   	Some sample text</p>
   

3. Select 'Some sample' and apply the 'Bold' style;
4. Select 'sample text' and apply the 'Italic' style;
5. Select 'sample' and remove the 'Bold' style;
6. Swtich to Source mode and check the output.
   • Actual Result:

     <p><strong>Some </strong><em>sample</em><em> text</em></p>
     

   • Expected Result:

     <p><strong>Some </strong><em>sample text</em></p>
     

To reproduce the defect:

1. Open Ajax Sample.

2. Insert a Table and enter text in the Table cells.

3. Select a line(eg: Frederico Knabben) in one of the Table Cells

4. Click on Bold icon once and see that Bold Formatting is applied to the line.

5. Click on Bold Icon once again to undo Bold Formatting.

Expected Result: Bold Formatting applied to the line is removed and whole line of text remains selected.

Actual Result: Bold Formatting applied to the line is removed but the First Character(k) in the line is omitted from the selection.

Same behaviour happens with Italic,Underline,Strike Through,Subscript and Superscript formatting options.

Tested against IE 6& 7

After setting the doctype to HTML, toolbar controls are still generating(XHTML) self-closing tags (it should output <img > instead of <img />). One of our customer wants to set the doctype to HTML but the editor is always genearting the XHTML.

Example:

1. CKEDITOR.config.docType = "<!-- DOCTYPE HTML PUBLIC '-W3CDTD HTML 4.0 TransitionalEN' -->";

2. Insert a Flash object but it is still inserting the param elements with selfclosed tags.

<p> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="​http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">

<param name="quality" value="high" /> <param name="movie" value="/ps/flash/Clock.swf" />

<embed pluginspage="​http://www.macromedia.com/go/getflashplayer" quality="high" src="/ps/flash/Clock.swf" type="application/x-shockwave-flash"></embed></object> </p>

Environment

All IE versions.

Reproducing Procedures

1. Open the 'replacebyclass' sample page;
2. Enable SCAYT, before SCAYT get really enabled, put cursor into the document;
3. Do nothing until SCAYT button has shown toggled on.
   • Actual Result: Cursor is not blinking inside the document anymore.

Environment

IE and FF

Reproducing Procedures

1. Open the attached sample page;
2. Enable SCAYT;
   • Actual Result: JavaScript error thrown.

Environment

IE

Reproducing Procedures

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

   mis^spelled word
   

2. Enable SCAYT and waiting for SCAYT to be activated.
3. Press 'Backspace' to delete the previous character and wait for SCAYT to refresh.
   • Actual Result: When the word is marked, the cursor is been moved to the end of the word.

Reproducing Procedures

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

   mis^spelled word
   

2. Enable SCAYT and waiting for SCAYT to be activated.
3. Insert a Smiley into the cursor position and wait for SCAYT to refresh.
   • Actual Result: Cursor is now blinking at the beginning of the splitted word.
   • Expected Result: Cursor blinks after the inserted image.

Currently, the Regex in the CKEDITOR.replaceAll functions considers only spaces in the class attribute. It should consider all white spaces.

reproduce steps:

1. use table plugin to insert a default table
   

2. selected multiple cell in the same column

3. right click to open context menu -> column-> delete columns

To reproduce the defect:

1. Open Ajax sample.

2. Type some text and insert flash with right alignment.

3. See that flash is inserted in the body of the editor and is shown as aligned to right.

4. Type some more text and Click on Remove Editor button to save the page.

5. See that Flash is shown with proper Alignment on Page View.

5. Click on Create Editor button to open the page and see the Alignment of Flash in the boy of the Editor.

Expected Result:

Flash will be shown on the right hand side of Editor since it's Alignment was set to Right

Actual Result:

Flash is shown with out any Alignment and it is shown in the middle of the text when i check the Flash Alignment in Flash Properties it is showing Alignment correctly as Right

Steps to reproduce

• Open a sample or the live demo.
• Open a rich combo (e.g. color)
• Click on the maximize button.

The rich combo does not get re-positioned.

Steps to reproduce

• Go to the skins demo or the skins sample page.
• Click on the Maximize button on the editors with the Office 2003 and V2 skins.

Notice that there is a space at the bottom and you can see other editor's toolbar buttons.
Tested with IE 8 and FF 3.6.3.

In ie7, I go to ​http://ckeditor.com/demo

Click on the word Red in little red riding hood, just put the cursor somewhere there by clicking on the text.

Use the scrollbar to scroll down (down button on scrollbar, not the scrollbar itself, use down button).

Cannot scroll down, the focus jumps back to the cursor at the top of the page, so the whole page jumps back upwards.

This is a serious problem for my customer as they can only use IE7.

When clicking the top right close link (the red "X") in any dialog box (insert image, spell-checker, etc), Internet Explorer interprets the action as navigating to another page due to the presence of the href attribute in the link element. This does not happen if the user closes the popup using the bottom right "Cancel" button.

Because we monitor changes made to the content, warning the user about the potential loss of data should the user choose to navigate away from the current page, this warning is triggered when the user closes a dialog box using the top right close link.

A fairly easy fix for this problem is to add an onclick="return false;" to the link element.

Environment

Windows

Reproducing Procedures

1. Place the attached bat file under 'test' folder of CKReleaser root along with copying ckreleaser.release file from CKEditor.
2. Replace %ckeditor% with the path of a CKEditor local copy.
3. Run the script in command line.
   • Actual Result:

     js: uncaught JavaScript runtime exception: ReferenceError "CKPACKAGER" is not defined.
     

When using config.forceEnterMode=true it affects how Indendation and Outdentation is applied.

T reproduce the defect:

1. Open Ajax sample

2. Click the Increase Indent link and see that the cursor will move to the right the appropriate amount.

3. Type some text and Press the Enter key to begin a new line

Expected Result:

Cursor should begin at the current indent level as set by the Indent Paragraph control

Actual Result: The cursor position of the new line begins at the left edge of the edit area. The same behavior is exhibited by the Outdent link.

If in a RTL language(Ex:Arabic), left-align the text using the editor toolbar and then try to use the indent/outdent functionality.

Sample Text <p dir="rtl"> fsd</p>

Expected Result:

Data will have the indent increased and decreased appropriately

Actual Result:

No change

By running two or more instances of the editor on the same page, swithing to full-screen mode in any of the instances, except the first instance, will ruin the full-screen mode (see attached screenshot). The bug can easily be reproduced by adding another instance in the "replacebyclass.html" example, focusing the editor field of that instance and hitting its full-screen button.

While designing dialogs we used to check how they look having the English language enabled.

It might be worth checking how CKEditor looks like in other popular languages, like German, Russian and also in languages which translation files are much bigger than en.js (like Thai).

Changing the design of some dialogs would be a relatively small change in the code, but a possibly big improvement in the quality of user interface.

Hello FCKeditor,

I had previously done translations for Turkish language. I hope I've completed the conversion in the new version you would publish again.

It should be possible to use the RemoveFormat command to get out of the current style even if nothing is selected. This can help with issues related to typing at the end of the document like #5402

Environment

Firefox

Reproducing Procedures

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

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

2. Click the 'li' item on elementsPath bar to select the list item.
3. Click to open 'Styles Combo'.
   • Actual Result 1: All style options is available on panel list;
   • Actual Result 2: Float panel will not close when putting cursor back into editor document.

steps to reproduce:

1. insert a defaut table
   
2. put the cursor in one cell and then hit enter key
   

confirmed in firefox3.5,chrome in win7

Reproducing Procedures

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

   <pre>no leading spaces</pre>
   

2. Switch to 'wysiwyg' mode and switch back;
   • Actual Result: Leading spaces is added to the <pre> content.

     <pre>
     no leading spaces</pre>
     

Reproducing Procedures

1. Open any of the sample page and load the editor with the following content;

   <pre>
   
   Two leading breaks, one visible only.</pre>
   

   • Actual Result: The line-break is invisible in wysiwyg mode.

Correct grammar and translater missing words.

While loading ckeditor 3.2.1 it is throwing error "t is null" tested with both safari 4.0.5 and Firefox 3.6.3

BTW some of the examples on ​http://nightly.ckeditor.com/5415/_samples/ are not working.

See "Replace DIV elements on the fly" and "User Interface Languages"

The labels in the special characters dialog are hard coded with English values. These labels should be resourced to enable translation.

after select the image and click right mouse to show context menu and select Format Picture the Picture Dialod dont have the picture information. The same problem occur when the button picture is clicked in the tool bar. Browser: IE8

HMTL to simulate:

<div id="leftcolfull">
	<div id="col3" style="border-bottom: rgb(204,204,204) 1px dotted; border-left: rgb(204,204,204) 1px dotted; margin: 10px; width: 320px; float: right; height: 310px; border-top: rgb(204,204,204) 1px dotted; border-right: rgb(204,204,204) 1px dotted">
		<div class="tituloshome" style="line-height: 25px; height: 25px">
			<div style="background-image: url(http://www.fraiburgo.sc.gov.br/site/images/bg_leftcol2.jpg); width: 25px; float: left; height: 25px">
				&nbsp;</div>
			<div style="background-image: url(http://www.fraiburgo.sc.gov.br/site/images/bg_col2.jpg)">
				&nbsp;Solu&ccedil;&otilde;es para sua Empresa</div>
		</div>
		<div class="textoshome" style="padding-bottom: 0px; padding-left: 15px; padding-right: 15px; padding-top: 15px">
			A Fabrica&ccedil;&atilde;o de Componentes Mec&acirc;nicos e a Manuten&ccedil;&atilde;o de Equipamentos &eacute; muito importante.<br />
			Conhe&ccedil;a em nosso site no menu SERVI&Ccedil;OS o que podemos oferecer para sua empresa.<br />
			&nbsp;</div>
		<div align="center">
			<img border="0" src="http://www.fraiburgo.sc.gov.br/site/images/home3.jpg" /></div>
	</div>
</div>

Hi I'm trying to use FCKeditor 2.6.4 with Mediawiki 1.15.3. After I copy the fckeditor folder to externsion, and add the requireonce code andajax thing to loaclsettings.php, when I run the site, I get the following Strict Standards: Declaration of FCKeditorParser::makeImage() should be compatible with that of FCKeditorParserWrapper::makeImage() in C:\public_html\pedia\extensions\FCKeditor\FCKeditorParser.body.php on line 707 Strict Standards: Declaration of FCKeditorParser::parse() should be compatible with that of FCKeditorParserWrapper::parse() in C:\public_html\pedia\extensions\FCKeditor\FCKeditorParser.body.php on line 707 and the rest of the wiki site is displayed below it. Then when I try edit something, I get the following message Internal error Detected bug in an extension! Hook FCKeditor_MediaWiki::onCustomEditor failed to return a value; should return true to continue hook processing or false to abort.Backtrace: #0 C:\public_html\pedia\includes\Wiki.php(502): wfRunHooks('CustomEditor', Array) #1 C:\public_html\pedia\includes\Wiki.php(63): MediaWiki->performAction(Object(OutputPage), Object(Article), Object(Title), Object(User), Object(WebRequest)) #2 C:\public_html\pedia\index.php(116): MediaWiki->initialize(Object(Title), Object(Article), Object(OutputPage), Object(User), Object(WebRequest)) #3 {main}

In the current implementation, the pastefromword plugin loads the past from word cleanup file based on the global CKEDITOR's config object. It should use the current editor instead.

Patch supplied.

This was fixed in the old FCKeditor (I even found an old ticket for it). It would be great if you can fix it in ckeditor as well, as this is really important for us.

Other people reported the same in the ckeditor-Community already, e.g. this entry:

"We are using CKEditor in br-mode for various reasons. And we want to give the users the ability to insert h1,h2,h3 tags as headings in the text.

Problem is, when we are not running in p-mode then it's impossible to insert h-tags on selected text as a heading. Is there any way we can put h-tags on selected text in CKEditor?"

Now, the class names in all editors are changing between browsers and instances. The outer span of all instances should have a unified class name (e.g. cke_editor or just cke).
Note that ckeditor is not the best option, because this is the default value of CKEDITOR.replaceClass.

is it possible to have the editor in readonly or enabled state?

back in FCKEditor, we had enable property and it was really useful, could we also have this in CKEditor, i mean it makes sense if we were to upgrade from FCK > CK knowing all the previous properties have been ported over (well most of them)

Whenever I tried to publish a paragraph with a break (created by shift/enter), a second break would be added. I finally found a solution but it wasn't easy to find and I suggest an adjustment to the program.

I took these steps to resolve:

1. Go to Site Configuration>Input Formats>List

2. Select the "Configure" link for the Role which is experiencing the problem.

3. Select "Rearrange" at the top of the page.

4. Change the weight of the line converter so it is heavier than the html editor.

This corrected the problem in my case.

The reason the above is needed is because there seems to be some conflict with the teaser break. I noticed when I unchecked the "teaser break" in the profiles for CKEditor, the automatic "adding of a break on publishing" problem went away. My problem was that I needed the "teaser break". I then discovered the above solution.

I am using the FCKeditor that comes with ColdFusion, version 2.6.4.1, Build 23187. I have a custom Toolbar that includes the standard 'FontName' and 'FontSize' comboboxes. If I highlight some existing text and change the font and/or size but nothing else, the dirty buffer flag (IsDirty()) is not set. The editor is run in a separate popup box and I capture the onUnload event so I can ask the user to save any changes. Unfortunately, under the above scenario, the IsDirty() function returns false and the format changes are not saved. All other formatting changes only (bold, italic, etc.) set the flag, but not the combo boxes.

CKeditor 3.2.1 IE pasting makes browser not respond

IE

• Create a content
• In the HTML editor, enter any line, such as 'aaaaaaaaaa'
• Select the line and define a format (Heading 2), a font (Arial) and a size (medium)
• Copy the whole line
• Click at the end of the line, hit Enter, and paste the line, hit enter and paste, hit Enter and paste
• You should have 4 lines.
• Select the whole text and click on the icon to align the text on the right

--> IE will become crazy and won't respond

*If you can't reproduce this problem try pasting more lines.

See attached image for example.

If you have a table that contains pictures, on the 3rd row, for example, select the table and the table will have its handles selected.

• Click on the picture on the 3rd row

--> Handles for the selected picture will be redrawn in the top left corner of the CKEditor, instead around of the selected picture as it should be

2nd image has been selected - see black frame Handles are at the wrong place

CKEditor 3.2.1 toolbar select rich combo boxes size is not constant and option text does not display sometimes

How to reproduce:

• go to the demo site

​http://ckeditor.com/demo

• select the Font Size and check the width of the drop down rich combo box.

Take a screen shot and use paint to store the image for later width comparison.

• now click on the textarea, select the Font Name drop down, click on the Font Size immediately after clicking the Font Name.

Take a screen shot and use paint to store the image for later width comparison.

• *compare the two Font Size widths taken in the previous steps.

One is bigger than the other. This is bad when the user is going from one select box to the other and there is text in the option. The option text is not displayed fully even when the width is configured to display the text.

Overall: CKeditor on IE is much slower than in Firefox.

If you create one line and shift it to the right with 20 clicks, 1click/sec, you can record 20 shifts on FF, but only 10 with IE. Selecting B, I and U on a huge text in IE is a little bit slower than Firefox

CKeditor 3.2 : setting any value in config.docType makes vertical scrollbar flicker and you can't see the cursor.

• change the config.docType setting with the same CKeditor default value.

config.docType = '<!DOCTYPE HTML PUBLIC "-W3CDTD HTML 4.0 TransitionalEN">';

• Add more than 20 lines so that there is a vertical scrollbar on the right side of the textarea.
• Select the last line of text in the textarea and try to apply a font size, style, format or font name
• You will see that the cursor moves (flickers) and you can't see the last line

• Now, remove the configuration line config.docType in the first step and every works fine.

CKeditor version 3.2

• Create a table, default settings, but with alignment = center and Caption = test
• We can see the table in the middle of the page.
• Select it

--> Handles which show the object has been selected are completely off from the table. The horizontal position is off. It is displayed on the left side of the page. The vertical position is also incorrect, shifted because of the caption.

By adding another 'text' type filter to htmldataprocessor breaks the editor output, e.g.

htmlFilter.addRules(
	{
		text : function( text )
		{
			return text;
		}
	});

The following regression is seen after [5412]:

Reproducing Procedures

1. Load the 'Ajax' sample page and click 'Create Editor' button;
2. Open any of the the dialog;
3. Execute the following lines of JavaScript in global scope:

   removeEditor();
   

4. Click once again 'Create Editor' and open the same dialog;
   • Actual Result: Dialog opened with no viewport cover.

Updated fi.js.

when i enter for example a table directly in the source of the editor, all is ok. I reopen the page with the editor, and it shows the table correctly, but when i click on the editor, it will and an empty paragraph before it: <p>&nbsp;</p>. With this the dirty flag is not changed

On 3.3.x branch, when using Tab key to focus the editor, notice that the cursor is not blinking.

Environment

Firefox

Reproducing Procedures

1. Open the 'replacebyclass' sample page and make the following selection:

   <p>
   	[This is ]some...
   

2. Apply 'Bold' style on the selected content;
3. Make the new selection as following and apply 'Italic' Style:

   <p>
   	<strong>This [is ]</strong> some...
   

   • Actual Result: The italic style has expanded onto the previous word.
   • Expected Result: Only the selected content receive the new style.

When I try to paste from openOffice it give me an error. I tried with the past from word button and don't work neither.

When I paste it insert me this and other weird symbols:

<meta content="text/html;charset=utf-8" http-equiv="CONTENT-TYPE"> <title></title> <meta content="OpenOffice.org 3.1(linux)" name="GENERATOR"> <style type="text/css">

I'm using ubuntu now but I also tried it with openOffice on windows and it gave me the same error.

Tested in Ckeditor 3.2.1 demo site. I tested mostly with FF but it was also reported with IE.

The content in the file attached causes FF and IE to utilize tons of memory and the browser reports a script not responding alert error ("unresponsive script" in FF). If you click on "Continue" in the browser alert window, the browser crashes.

The attached small_html_ckeditor_bug.html web page causes this error with very little html code.

Notes/observations:

• If you only remove the the center tags, the problem goes away.
• If you only remove the last li tags, the problem goes away.
• if you only remove the inner table, the problem goes away.

On 3.3.x branch the following bug is noticed.

Environment

Firefox, IE

Reproducing Procedures

1. Open any of the sample page and make the following selection:

   <textarea name="editable" id="" cols="30" rows="10">^some text</textarea>
   

   • Actual Result: The textarea become editable in effects.
2. Press 'Enter' key inside the editable textarea;
   • Actual Result: New paragraph is created before the textarea;
3. Put the cursor among the text and press 'Enter' key again;
   • Actual Result: In IE, the textarea is splitted into two.

Reproducing Procedures

1. Open any of the sample page and make the following selection:

   <pre>
   preformatted</pre>
   <ol>
   <li>
   	^preformatted as list item</li>
   </ol>
   

2. Open 'Format' combo and apply 'Preformatted' block style.
   • Actual Result: The pre block before the list get merged into the one inside list item.

where,this is a update for 5577 5577,Garry said:
'As a side note for 5418 this change, in the future please use instead the following way to iterating over table cells and rows, as table.getElementsByTagName('tr') would returns nested table rows also. ​http://msdn.microsoft.com/en-us/library/ms537443(VS.85).aspx'[[BR]]

Open find dialog in Safari without prior editor focus cause the following JavaScript error thrown:

Uncaught TypeError: Cannot call method 'clone' of undefined.

SCAYT context menu options position in list should be configurable via CKEDITOR.config.menu_groups.

patch resolves problem with SCAYT decoration found during review of #5466 (SCAYT markup is overriden by color markup)

This patch should be manually merged with #5572_2, but may be applied standalone.

I tested this in CKeditor 3.2.1 and found this issue in both FF and IE.

-select a line in the CKeditor

• make the font very large (20 or so). This will help you see the problem easier.
• select "Comic Sans" font type
• select "Trebuchet MS on the same text selected previously.
• select "Trebuchet MS" again on the same text selected previously. The font should either stay unchanged or should be "Comic Sans". However, the font is never changed to "Comic Sans".

IE 8 Compatibility Mode (and possibly IE 7) have to click twice inside the editor to be able to edit. On first click the blinking cursor appears, but contents are not editable. Have to click the second time.

How to replicate:

Open ​http://nightly.ckeditor.com/5430/_samples/replacebyclass.html in IE8 and enable Compatibility View. Click once inside the editor and try editing.

This behavior is observed in CKeditor 3.2.1. demo site. The font name style is removed when the user selects the same font name twice.

Repro steps

• in CKeditor, select a line and apply a font name
• reapply the same font name immediately after the previous step
• the font name style is removed

• Note, this also occurs for format, font size and font name

CKeditor 3.2.1.: The select menu option tools lose the listed options (options disappear in rich combo boxes).

The tool popup content (list of options) is blanked out if you keep on selecting a choice several times. This is not 100% reproducible. This is browser independent. For example, select a line, select a font name style and then a different font name style. Apply the last font name style until you see the problem. If you don't see it try it again.

That warning is shown while loading CKEditor, and a simple fix is proposed at ​http://cksource.com/forums/viewtopic.php?f=6&t=18508

Environment

Firefox, config.enterMode = CKEDITOR.ENTER_BR, config.ignoreEmptyParagraph = true;

Reproducing Procedures

1. Open any of the sample page and click on 'New Page' to clear content.
2. Swtich to source.
   • Actual Result: There's one single <br /> left in content .

CKeditor 3.2.1. links font size changes when deleting the lines on top only seen with FireFox.

How to reproduce this problem:

• paste the html source code in CKeditor textarea (html source provided below)
• put the cursor right before the link "Forward this to a friend" (at the beginning of the line).
• select the line above ("also this last ...") with the up arrow key.
• delete the line you just selected
• Notice how the link font looks bigger

Below is the html source to test with

<p>

<a href="​http://alexmedina.name/link2">​http://alexmedina.name/link2</a></p>

<p align="left" id="f2flink" style="font-size: x-small; font-family: Arial,Helvetica,Sans-Serif;">

also this last line in chrom</p>

<p align="left" style="font-size: x-small; font-family: Arial,Helvetica,Sans-Serif;">

<span style="font-family: comic sans ms,cursive;"><a href="​http://www.alexmedina.name">Forward this to a Friend &gt;&gt;&gt;</a></span></p>

CKeditor 3.2.1. Tested in Firefox only

• Create a line and assign a font name+font size (ex: Arial and 12 pts)
• Click at the end of the line and hit Enter, type some ext, Hit enter, type some text
• While this is in progress, you can notice that the font attributes did not change (as expected). We're using the same font name and font size
• Click at the end of the newly created lines

--> Popup menus for font attributes are now 'blank' ; you can see 'font' and 'size' instead of Arial and 12, for example --> With IE, we can still the correct attributes As a consenquece, if I type new text at the end of the newly created line, the font style is different.

--> also with this in mind (only seen in FF):

• Type "aaaaaaaaaaaaaaa" in a new line in the editor and select size and font name for the new line.
• type enter at the end of the line and enter "bbbbbbbbbbbbb"

the line with "bbbbbb..." has the same font name and size as "aaaaa..." as expected.

• Now, enter a space at the end the line with "aaaaaaa..." and type "cccccccccccccc". The line with "cccc...." does not have the same font name/size as the line above or below.

I see this without the entering a space too.

CKeditor 3.2.1.: Problem when creating a bulleted list, users are unable to specify the font style for the numbers.

• Enter three lines in CKeditor textarea like the lines below

item 1 item 2 item 3

• select the 3 lines entered and click on "Insert/Remove Numbered List
• Choose a style for the ol and you will notice that the list numbers don't have the same style. There is no way to change the order list style. This also applies to styles, format, font name, font size, background, etc.

CKEditor 3.2.1. : FireFox font size not correct

This is how to reproduce this problem:

• blank your editor textarea
• select a font name and font size something like "Comic Sans MS" and size 20. This will help see the problem easier.
• Type "ABCD" from previous step (same line without typing anything else)
• change the "ABCD" word to "Tahoma" and move the cursor to the end of "ABCD"
• now type " EFGH" right after "ABCD"
• move the cursor between "ABCD" and "EFGH" and click the end key (from the keyboard).
• Type "IJKL"

*problem 1: The last word has the same font name as the other words but not the same font size. *problem 2: It has been reported that sometimes the font name is not the same in the last word. "IJKL" in this case.

CKEditor 3.2.1. : FireFox font face not correct

This is how to reproduce this problem:

• blank your editor textarea
• select a font name and font size something like "Comic Sans MS" and size 20. This will help see the problem easier.
• Type "ABCD" from previous step (same line without typing anything else)
• change the "ABCD" word to "Tahoma" and move the cursor to the end of "ABCD"
• now type " EFGH" right after "ABCD"
• move the cursor between "ABCD" and "EFGH" and click the end key (from the keyboard).
• press the enter key in your keyboard
• now enter "IJKL"

*problem 1: The last word ("IJKL") does not have the same font name This also occurs without pressing enter. Also test without pressing enter. The key to reproduce this is to use the End key in your keyboard or try with Ctrl + right arrow before you type the third word.

*Note: This does not occur all the time

The Fck.zip and CKEditor.zip has all completed translations to portuguese.pt-BR.

The protectedsource feature seems to give strange results when the protected source is inside a span. Below are 2 examples of problems. In the first example below, the CKEDITOR removed the span tags. In the second case, the CKEDITOR moved some of the protected text outside of the span. If you try various combinations of protected text and spans you seem to get strange results.

1. Set the config file to protect <? ... ?> things by placing the following code in the config.js file (from the ckeditor api docs).

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

2. In the editor (3.2.1) type the following in the source mode.

<p>abc<span><?def?></span></p>

3. Go to WYSIWYG mode and then back to source mode and you will see the following. Notice the spans are gone. The protected source remains intact.

<p>

abc<?def?></p>

4. Now try typing the following in the source mode.

<p>abc def<span><?php stuff a?>ghi -- lmn<?php stuff b?></span>xyz</p>

5. Go to WYSIWYG mode and back to source mode and notice how some of the protected text (<?php stuff a?>) is moved outside the span.

<p>

abc def<?php stuff a?><span>ghi -- lmn<?php stuff b?></span>xyz</p>

The following toolbar accessibility improvement are suggested by IBM a11y experts:

1. Navigating the toolbar should allow skipping button groups. When in the toolbar TAB can be used to skip from one button group to the next, when at the end, TAB wraps back to the beginning. ARROWS can be used to cycle between buttons within a group, wrapping focus within the same group. This feature would enhance accessible usability of the editor.
2. The sub-groups in the toolbar should have the ARIA role of "group", it is possible to nest "groups" if required. This will enable a JAWS user to see that they are navigating through related functions. The Kama skin clearly shows group delineation in the UI and this should be reflected to JAWS users. At the moment, groups in the toolbar are marked as role="presentation".
3. Toolbar groups as mentioned in (2) should have labels provided. This requires a new way to define groups in the configuration and allow labels.

This behavior is observed on combo but also applies to panel button and menu button.

Reproducing Procedures

1. Open any of the sample page and click to put focus inside editor.
2. Click on 'Font' button to open combo;
3. Don't make any selection in dropdown, just close the combo.
   • Actual Result: The focus is not side editor anymore
   • Expected Result: The select inside editor remains and users are able to continue the editing.

After setting various properties, like border, hspace, vspace etc. and switching to the advanced tab in IE7, the dialog expands too much (see screenshot).

Confirmed in IE6 and IE7.

• Descriptive summary : Apostrophes in button labels are replaced by "undefined" instead of empty string

• Steps to reproduce : Found the bug by code-reading. I guess the effect of the bug should be as follows: Define a button with a label containing an apostrophe ("Bill's Button"). Open CKEditor with such a button in Firefox (version >= 10900). Hover over the button. The status bar reads: "void('Billundefineds Button')".

• Browser name and OS : Firefox (version >= 10900).

• Code Patch:

Replace '+' by ',' in button's plugin.js, line 137: svn\CKEditor\trunk\_source\plugins\button\plugin.js (revision 5259):

@@ -134,7 +134,7 @@

'<span class="cke_button">', '<a id="', id, '"' +

' class="', classes, '"',

' title="', this.title, '"' + ' tabindex="-1"' + ' hidefocus="true"' +

Paste the following code into source view:

<div style="display: none">

test should not be displayed <div>

&nbsp;</div>

</div>

You find in IE8 and FF that it works as expected: The block element does not get displayed.

However, in IE7 The Div element always get rendered. This is not normal behaviour. If however you click the preview button in the toolbar, in the popup window the style kicks in as expected in IE7.

Could someone find out what is interfering with the normal behaviour of this CSS style in IE7 and how I can fix it.

Sample code:

<ul>

<li>

one</li>

<li>

two</li>

</ul>

Is it possible to change/remove this kind of performance.

Thanks in advance.

Placeholder is one FCKEditor 2.x plugin that introduce a way to present none-editable content in wysiwyg mode, similar with 'fakeobject' but allow dynamic content.

To reproduce the defect:

1. Open Ajax sample.

2. Use smiley dialog & insert two or more smileys.

3. Move your cursor to the beginning of the line with the smiley.

4. Use your arrow keys or "End" to move the cursor to the end of the line

Expected Result:

Cursor is at the end of the line after the last smiley.

Actual Result:

Cursor is placed before the last smiley instead of after the smiley.

Regression. Confirmed with IE8:

1. Load any page, like ​http://www.google.com.
2. Load the replacebyclass sample in the same browser.
3. Click the browser BACK button. Note that the editor contents disappear.
4. Click the browser BACK button again. The previous page is loaded.

Expected results: the previous page should be loaded on step 3.