Custom Query

The spell check dialog is one of the most hard to use things inside of CKEditor. The problem is that the default window where the content is shown is very tiny. It's hard to find out in what place exactly we are in the document.

Being able to resize this dialog would definitely make things easier. Resizing this dialog should simply result in enlarging the table cell where content is displayed (<td class="midtext">)

We have introduced a new dialog that contains words that are already used in other places:

• Width
• Height
• validateWidth / Height
• Alignment options

To reduce the size of language files and make the fresh release of CKEditor looking better in languages other than English (getting new translations from contributors always take some time), let's do some cleanup with the common words we have used there and ensure that those strings would be translated correctly in 3.5.

Note that the context in the Flash and Image dialogs is exactly the same for those strings, so we're safe with reusing those values.

The forms plugin should provide a dialog to create a <label> around the selected text and set its 'for' property (a text input or dropdown with the ids of existing form elements)

page-break is not only used when printing ,but mostly it is used by backend program to split a long post for paging.

steps :

1.set the following code to editor :

<div style="border: 10px solid green;">
	<p>
		123456</p>
</div>

2.put cursor between '3' and '4' ,and click page-break button, code generated by current version:

<div style="border: 10px solid green;">
	<p>
		123</p>
	<div style="page-break-after: always;">
		<span style="display: none;">&nbsp;</span></div>
	<p>
		456</p>
</div>

if the backend program splits it without html parsing , then each part of its content is malformed

so i think page-break should generate such code :

<div style="border: 10px solid green;">
	<p>
		123</p>
</div>
<div style="page-break-after: always;">
	<span style="display: none;">&nbsp;</span></div>
<div style="border: 10px solid green;">
	<p>
		456</p>
</div>

and above code is better for printing and splitting .

• Create a table.
• Switch to source mode.
• Switch back to wysiwyg mode.

Note that table cells don't have any padding at all.

• Open special characters dialog.
• Click on the ampersand sign.

Note that the editor shows "&amp;".

Reported here: ​http://cksource.com/forums/viewtopic.php?f=11&t=20956

We should test if it keeps working correctly and it improves performance.

    var getBoundaryInformation = function( range, start )
                   {
                         
                      var getIndex = function( n ) {
                                var parent = n.parentNode,
                                        currentIndex = -1,
                                        node;
                                if ( parent ) {
                                    node = parent.firstChild;
                                    while ( node ) {

                                        currentIndex++;
                                        if ( node === n )break;
                                        node = node.nextSibling;
                                    }
                                }
                                return currentIndex;
                            };

                      range = range.duplicate();
                      range.collapse( start );


                            var parent = range.parentElement();
                            //如果节点里没有子节点，直接退出
                            if(!parent.hasChildNodes()){
                                return  {container:parent,offset:0};
                            }

                            var siblings = parent.children,
                                child,
                                testRange = range.duplicate(),
                                startIndex = 0,endIndex = siblings.length - 1,index=-1,
                                distance;
                           
                           while (startIndex <= endIndex) {
                               index = Math.floor((startIndex + endIndex) / 2);
                                child = siblings[index];
                               testRange.moveToElementText(child);
                               var position = testRange.compareEndPoints( 'StartToStart', range );


                               if (position > 0) {

                                   endIndex = index - 1;
                               } else if (position < 0) {

                                   startIndex = index + 1;
                               } else {

                                    return {container:parent,offset:getIndex(child)}

                               }
                           }

                      if(index==-1){
                         testRange.moveToElementText(parent);
                         testRange.setEndPoint('StartToStart',range);
                         distance = testRange.text.replace( /(\r\n|\r)/g, '\n' ).length;
                                siblings = parent.childNodes;
                                if(!distance){
                                    child = siblings[siblings.length-1];
                                    return  {container:child,offset:child.nodeValue.length};
                                }

                                var i = siblings.length ;
                         while ( distance > 0 )
                            distance -= siblings[ --i ].nodeValue.length;
                         return  {container:siblings[i],offset:-distance}
                      }
                            if(position>0){
                                testRange.collapse();
                                testRange.setEndPoint('StartToStart',range);
                                distance = testRange.text.replace( /(\r\n|\r)/g, '\n' ).length;
                                if(!distance){
                                     return {container:parent,offset:getIndex(child)-1}
                                }
                                while(distance>0){
                                    child = child.previousSibling;
                                    try{
                                         distance -= child.nodeValue.length;
                                    }catch(e){
                                        return {container:parent,offset:getIndex(child)}
                                    }


                                }
                                return {container:child,offset:-distance}
                            }else{
                                 testRange.collapse(false);
                                 testRange.setEndPoint('EndToStart' , range);
                                 distance = testRange.text.replace( /(\r\n|\r)/g, '\n' ).length;
                               if(!distance){
                                     return {container:parent,offset:getIndex(child)+1}
                               }
                                while(distance>0){
                                    child = child.nextSibling;
                                    try{
                                         distance -= child.nodeValue.length;
                                    }catch(e){
                                        return {container:parent,offset:getIndex(child)}
                                    }

                                }
                                return {container:child,offset:child.nodeValue.length-distance}
                            }


                   };

Open the attached file. Select all, copy, paste into CKEditor.

FF

Select any line in the text. Apply a format. The entire pasted text gets the selected format. Only the selected line should get the selected format.

IE

Select the "Link types for extraction..." line in the text. Apply a format. The selected line, plus the two lines after it get the selected format. Only the selected line should get the selected format.

When applying formats, the editor should take <br> tags into account. This is the expected user behavior.

Open an editor with the following html

<p id="_1272210411756">

P1</p>

<p id="_1272210435459">

P2</p>

<p id="_1272210435460">

P3</p>

Select P2 starting at the beginning of the line and drag until the beginning of P3 line. Cut.

The contents of last <p> tag is changed. If you view the source it will be as follows:

<p id="_1272210411756">

P1</p>

<p>

P3</p>

Go to demo page:

1. Execute the following code (in Firebug). (If it's not reproduced on the first try, try a few more times)

CKEDITOR.instances.editor1.setData('<p><br></p>');
CKEDITOR.instances.editor1.focus();

2. Now input some text.

3. Observe that text ends up on the second line (after the br-tag).

This is caused by the onSelectionChangeFixBody function in the wysiwyg plugin, where Range::moveToElementEditEnd is called for the empty paragraph. Cursor then ends up after the br element.

Expected behavior : When paragraph is empty (contains br-tag), Range::moveToElementEditStart should be called.

Tested in Firefox 3.6.13, WinXP, CK version 3.4.2

This's a continuation of #5402, after a massive discussion, it's turns out that it's better to have enter key break lines just like other blocks (heading, list) inside <pre>, in which SHIFT-Enter creates line-break and Enter exit from it and create new paragraph element afterward.

1. Open the Ajax sample in Firefox.

2. Type some text.

3. Click the 'Remove Editor' button.

4. Click the 'Create Editor' button.

5. Using the mouse select the text you entered in step 2.

6. Using the Firebug console execute the following:

editor.getSelection().getRanges()[0].cloneContents()

Observe that the text is no longer selected after cloneContents has been called.

• Open the AIR sample.
• Open the link dialog.
• Click cancel.

The "some of the options have been changed" message is thrown.

I got the latest CKEditor version: 3.4.2 and put it on my tomcat6 server.

I accessed the samples and clicked on "Replace textareas by class name".

When that sample appeared, I clicked the Submit button.

On the screen under the CKEditor - Posted Data heading you can see:

$value ) { if ( get_magic_quotes_gpc() ) $postedValue = htmlspecialchars( stripslashes( $value ) ) ; else $postedValue = htmlspecialchars( $value ) ; ?>

The same problem appears on any of the samples that have a submit button.

I'm using tomcat6 on XP with service pack 3. Browser was Chrome 8.0 but IE 6 had the same problem.

I have tried various ways of contacting your company but so far have had no response.

This is not a great way to introduce potential customers to your software.

Please send me some kind of response.

thanks,

Terry

To reproduce the defect:

1. Open Ajax sample and click on link icon.

2. Select link type as URL,and any prototype( for ex: ​http://)

3. Input an URL with some blank space before it into URL field. ( www.bbc.co.uk).

4. Click OK button and see that link is inserted

5. Remove the Editor and verify that the link is shown on the page.

Expected Result:

Link should be shown on the page with blank removed before the URL and link should work.

Actual Result:

Link is removed and a text is shown like this ​http:// www.bbc.co.uk.

check box, radio box, select button, these button haven't right menu and can not edit them with double click please fix them, ths

The editor should provide the ability of exiting cursor from paragraph block into container blocks, mostly "div" and "blockquote", there's no explicit specification yet, a proper solution that address this problem should come out of this ticket.

<div>
<p>paragraph one</p>
<p>paragraph two</p>
</div>

<blockquote>
<p>cited paragraph</p>
</blockquote>

When you double click the image button or any other button in the toolbar the background overlay is placed above the open dialog making the user unable to do anything on the page. And the user is only left with the option to kill the page or hit the backspace button.

In the world of CMS such as Joomla this is not good as this means the user will lose all they work they have done so far in the editted article as there is no way to save the article.

Actual results: background overlay placed above the open dialog effectively freezing the page.

Expected results: Background overlay should be below the open dialog

You can reproduce this by going to the demo page on this site and double clicking the image button in the toolbar

Steps to Reproduce the defect:

1. Open the Ajax sample.
2. Click on the numbered list icon.
3. Click on Heading 1 paragraph format.
4. Type some text & press Enter.
5. Type some more text & press Enter.

Expected: The source should look like this:

<ol>
	<li>
		<h1>Heading 1 List Item 1</h1>
	</li>
	<li>
		Normal List Item 2
	</li>
	<li>
		Normal List Item 3
	</li>
</ol>

Actual: But instead there are <p> tags added inside <li> tags so the output looks like this:

<ol>
	<li>
		<h1>Heading 1 List Item 1</h1>
	</li>
	<li>
		<p>Normal List Item 2</p>
	</li>
	<li>
		<p>Normal List Item 3</p>
	</li>
</ol>

Since users are accustomed to finding "Help" under the icon marked with a question mark, the About CKEditor dialog window should contain a link to ​CKEditor 3.x User's Guide. Some users might not be aware that the online editor embedded in a website they are using is CKEditor and might not know its documentation site.

Suggested wording:

Check <a href="http://docs.cksource.com/CKEditor_3.x/Users_Guide/Quick_Reference">CKEditor User's Guide</a> for help.

or similar.

When you click on "Browse server" in image properties or link windows, open the file browser in a modal window instead of native window popup (for instance already implemented in TinyMCE) In my opinion:

• better user experience
• avoid to have forgotten to close opened windows
• layout more consistent on different OS and browser.
• easier to manipulate programmatically the behavior of the modal window

I downloaded the ckeditor_3.4.2.zip and installed it in my tomcat 6 servlet engine as instructed.

I tried the samples. The samples web page displayed correctly.

I clicked the Replace text area by class name" link.

The sample editor appears and I can edit things in it.

When I click the Submit button then screen shows:

CKEditor - Posted Data

$value ) { if ( get_magic_quotes_gpc() ) $postedValue = htmlspecialchars( stripslashes( $value ) ) ; else $postedValue = htmlspecialchars( $value ) ; ?>

Field Name 	Value

I guess it was supposed to show what was submitted.

Please note, that for a potential new user like me, the combination of buggy examples and no response to any attempts to communicate with you is not a good way to promote your business.

In general, I like what I see of your software but it has to be backed up with real responsiveness.

Terry Kilshaw CTO Quantech

The exact error message was:

TypeError: Result of expression 'c.getContentElement('general','content')' [undefined] is not an object

As a result of this error, I was unable to open any dialog (Link, Image).

This error happened to me twice while checking SCAYT, occurred in the wsc plugin. I'm unable to reproduce it again so it might be hard to trace it, but I'm posting it just in case someone noticed it again and perhaps have some more information on it.

Environment: Safari 5.0.3 @ Mac. SCAYT enabled, Spanish language selected. CKEditor 3.5 (SVN)

In most text editors, Ctrl+Shift+Left and Ctrl+Shift+Right are commonly used keystrokes to select one or multiple words at a time. This keystroke used to work correctly in the latest version of MediaWiki+FCKeditor. However, it appears that an update to the latest version of Firefox for Windows (3.6.13) has broken this functionality.

Word selection still works properly in IE and in the latest Ubuntu Linux release of Firefox.

I have observed this problem on several web sites using MediaWiki+FCKeditor, including both sites I own and sites I don't own, including the MediaWiki+FCKeditor "sandbox", by using several browsers on several computers.

When switching to "Source" mode, all wysiwyg-only toolbar buttons are still enabled, combos are not affected though.

When SCAYT is enabled and the spell check dialog is used to check the document, an extra class is added to the body element.

1. Open _samples/fullpage.html
2. Start with:

   <html>
   	<head>
   	</head>
   	<body>
   		<p>
   			Write your email message here schol.</p>
   		<p>
   			You can also...</p>
   	</body>
   </html>
   

3. Enable SCAYT
4. Open the Check Spell dialog, correct one word
5. Click on Finish Checking
6. Open the Check Spell dialog again
7. Click on Finish Checking
8. Check the source code, if it's ok, repeat 6-7 one more time.
9. Result 'class="scayt-enabled"' has been added to the body tag:

   <html>
   	<head>
   		<title></title>
   	</head>
   	<body class="scayt-enabled">
   		<p>
   			Write your email message here school.</p>
   		<p>
   			You can also...</p>
   	</body>
   </html>
   

Confirmed in Safari 5.0.3 and Firefox 3.6.13.

When SCAYT is enabled and the spell check dialog is used to check the document, empty extra style tags are added to the document and a JavaScript error occurs (reported in #6863).

1. Open _samples/fullpage.html
2. Start with:

   <html>
   	<head>
   	</head>
   	<body>
   		<p>
   			Write your email message here schol.</p>
   		<p>
   			You can also...</p>
   	</body>
   </html>
   

3. Enable SCAYT
4. Open the Check Spell dialog
5. Click on Finish Checking
6. Open the Check Spell dialog again
7. Click on Finish Checking
8. Result: empty style tags are now present in the document:

   <html>
   	<head>
   		<title></title>
   		<style cke_temp="2" type="text/css">
   		</style>
   		<style cke_temp="2" type="text/css">
   		</style>
   		<style cke_temp="2" type="text/css">
   		</style>
   		<style cke_temp="2" type="text/css">
   		</style>
   	</head>
   	<body class="scayt-enabled">
   		<p>
   			Write your email message here schol.</p>
   		<p>
   			You can also...</p>
   	</body>
   </html>
   

JavaScript error:

Tried to register widget with id==scayt_2 but that id is already registered ​http://svc.spellchecker.net/scayt26/_base.xd.js Line 880

Confirmed in Safari 5.0.3 and Firefox 3.6.13. Looks like a regression introduced in 3.5

1. Open _samples/placeholder.html
2. Use the following source:

   <p>
   	Sample [[sdfsdf]]</p>
   

3. Double click on the placeholder to open the dialog
4. Result: the dialog didn't load the value properly and a JavaScript error occurred

element is null

http://ckeditor.local/ckeditor/3.5/_source/plugins/placeholder/dialogs/placeholder.js

Line 36

The Indent command changes a text direction.

1. Use a following content with a selection:

   <ul>
   	<li dir="rtl">
   		1</li>
   	<li>
   		[2</li>
   	<li>
   		3]</li>
   </ul>
   

2. Press the Increase Indent button.

Result:

<ul>
	<li dir="rtl">
		1
		<ul>
			<li>
				2</li>
			<li>
				3</li>
		</ul>
	</li>
</ul>

Expected: A new list element wrapping LIs 2 & 3 ?

1. Launch replacebyclass sample
2. Open the "Spell Check" dialog
3. Close the dialog
4. Repeat steps 2-3 again
5. Result: a JavaScript error occurred

spellWin.location is null

​http://loader.spellchecker.net/sproxy_fck/sproxy.php?plugin=fck2&customerid=1:ua3xw1-2XyGJ3-GWruD3-6OFNT1-oXcuB1-nR6Bp4-hgQHc-EcYng3-sdRXG3-NOfFk&cmd=script&doc=wsc&schema=22

Line 348

When SCAYT is enabled and the spell check dialog is used to check the document, a JavaScript error occurs (empty style tags are covered by #6859).

1. Open _samples/fullpage.html
2. Start with:

   <html>
   	<head>
   	</head>
   	<body>
   		<p>
   			Write your email message here schol.</p>
   		<p>
   			You can also...</p>
   	</body>
   </html>
   

3. Enable SCAYT
4. Open the Check Spell dialog
5. Click on Finish Checking
6. Open the Check Spell dialog again
7. Click on Finish Checking
8. Result: a javascript error occurred:

Tried to register widget with id==scayt_2 but that id is already registered ​http://svc.spellchecker.net/scayt26/_base.xd.js Line 880

Confirmed in Safari 5.0.3 and Firefox 3.6.13.

(js error moved from #6859)

When you have too much text before CKeditor's inclusion, if you maximise your CKeditor's instance and then click below your text, the editor is bugging : the toolbar disappear, the editor slide up, and the only way to get it back is to use the upper arrow of the keyboard.

This problem occurs on the demo site if you add some text before (like 50 lines - with Firefug as an example).

Attached screenshots illustrates the bug.

• Open a sample and create a div.
• Note that the toolbar icon shows LTR.
• Right click on the div, and choose edit div.
• Go to the advanced tab and choose the RTL from the Language Direction dropdown.
• Click OK.

Note that the toolbar icon shows LTR.

1. Open the image dialog.

2. Fill in the image information.

3. On the Link tab enter a URL and set the Target field to 'New Window'.

4. Click OK to insert the image.

5. Right click on the inserted image and choose Image Properties from the context menu.

6. Click on the Link tab on the Image dialog.

Observe that the Target field is incorrectly set to '<not set>'. The anchor tag's target attribute does contain the correct value, '_blank'.

This bug was posted before as #6852. It was closed on your end by someone claiming that is was the duplicate of #6044. There are two tickets for 6044. One has a line through it. Neither of them have anything to do with the problem I described.

Here is that bug report again:

I downloaded the ckeditor_3.4.2.zip and installed it in my tomcat 6 servlet engine as instructed.

I tried the samples. The samples web page displayed correctly.

I clicked the Replace text area by class name" link.

The sample editor appears and I can edit things in it.

When I click the Submit button then screen shows:

CKEditor - Posted Data

$value ) { if ( get_magic_quotes_gpc() ) $postedValue = htmlspecialchars( stripslashes( $value ) ) ; else $postedValue = htmlspecialchars( $value ) ; ?>

Field Name Value

I guess it was supposed to show what was submitted.

So far your organization gets a failing grade for total lack of responsiveness.

That's a pity because the software looks fairly good.

Feel free to email me if you actually want some business.

Terry Kilshaw CTO Quantech tkilshaw@…

I am facing the same problem as this user: ​http://cksource.com/forums/viewtopic.php?f=11&t=20955&start=0

The following source code makes CKEditor 3.4.2 crash when switching to wysiwyg mode:

<dd>crash</dd><dd>crash</dd>

Note that this one does not:

<dd>crash</dd>

And apparently there is no problem with well-formed definition lists.

Using the code suggested here:

​http://dev.ckeditor.com/ticket/6103#comment:30

switch to source mode and back.

Result:

My name is <span>%NAME%</span>

Note: data-cke-nostyle="1" is gone.

TC:

• open editor
• insert smiley
• on added smiley, open image properties and add link in Hyperlink tab. Press OK
• select image again
• press Unlink on toolbar

Expected result:
Link is removed from image

Actual result:
Whole image is deleted

Happens in all versions of CKE

• Create a link (target should be <not set> at this point).
• Right click on it -> Link properties -> Target

Note that the field is blank.

FUP of #6829.

• Open the WSC dialog.
• Resize the dialog to increase the width.
• Try to resize the dialog again, this time try to decrease the width of the editor.

The dialog won't resize its width.
Does not affect Safari.

Due to comment added by james c:

"The initial test case is still reproducible on the nightly build and should be reopened."

​http://dev.ckeditor.com/ticket/4746#comment:16

This will be the fourth time that I have reported this problem via a ticket. All three previous attempts were cancelled by the bug reviewer. This is for me, in part, an evaluation of how your company responds to feedback. So far you don't get a passing grade.

First here is the bug report:

I got the latest CKEditor version: 3.4.2 and put it on my tomcat6 server.

I accessed the samples and clicked on "Replace textareas by class name".

When that sample appeared, I clicked the Submit button.

On the screen under the CKEditor - Posted Data heading you can see:

$value ) { if ( get_magic_quotes_gpc() ) $postedValue = htmlspecialchars( stripslashes( $value ) ) ; else $postedValue = htmlspecialchars( $value ) ; ?>

The same problem appears on any of the samples that have a submit button.

I'm using tomcat6 on XP with service pack 3. Browser was Chrome 8.0 but IE 6 had the same problem.

Using Firefox on Windows 7 produced the same result.

My previous ticket 6052 was marked as a duplicate of 6844 and 6844 was marked as invalid.

But its not invalid. I get the same results every time I try your examples.

If there is a resolution of this please indicate what it is instead of just marking my feedback as invalid.

Having looked back at the the FCKEditor Samples, I guess that the sample I tried is supposed to show a table with data values from the submit. Instead it just spews out the aforementioned JavaScript above the first part of the data value table.

Please contact me if you need me to show you this problem. But please stop marking it as invalid without some explanation.

If it is invalid, why is it invalid?

Are you unable to reproduce the problem?

Or when you reproduce the problem do you think that spewing JavaScript onto the screen is the expected behaviour?

thanks,

Terry

Hello There,

FCK Editor is causing poblem with IE 8. Website developed on asp.net technology. and FCK version is 2.6.4.23264

However it's working with FireFox.

In Firefox all event of Editor is fireing but in IE it's give error message FCKEditorAPI is undefine.

Where i m wrong i dont know and if i am wrong inconfiguration then it's should not work in Firefox.

you can see live demo.

go to ​http://test.classified4newspaper.com/ and then click on book your print ads Select state Gujarat in first after that select Ahmedabad in City After that Exapnd GujaratSamachar Tree and Check mark on ahmedabad Edition. in Category Select Business and Press Next Now click on a Edit This Layout and Now you are on age which causing a Problem (You can see JS also using View age Source)

Please help me out i m trying this from almost week but not going to success.

if you want more information then let me know.

Thank you.

The new dialog window resizing grip from v3.5 is displayed in an inconsistent way in different browsers.

IE8: looks OK, there is some spacing between the grip and the dialog window border.
Firefox 3.6.13: bottom spacing looks OK, no spacing on the right.
Chrome 8.0.552.224: no spacing whatsoever.

Screenshots attached.

just to explain the problem reported here #6877

As per internal discussion, the following spelling will be used when referring to the new <iframe> element:

• (1) "iframe" as primary spelling
• (2) "IFrame" when capitalization is needed.

An English language patch changing the tooltip and dialog window captions attached.

To reproduce the defect

1. Open any sample.

2. keep the cursor in Editor body and press Alt + Zero .

Expected Result:

Accessibility Instructions or Help dialog comes up.

Actual Result:

Nothing happens and we do not see any dialog

It is possible to get a "Uncaught TypeError: Cannot call method 'appendChild' of undefined" [Chrome] error ("k.$ is undefined" in Firefox) when clicking the OK button in the table dialog if the user selected multiple table cells before launching the table dialog. This bug affects all major browsers.

To reproduce:

1. Click the table dialog toolbar button and press the "Ok" button to insert a new table.
2. Select multiple cells in the new table by either clicking and dragging or Ctrl-clicking multiple cells.
3. Press the table dialog toolbar button again.
4. Press the "Ok" button in the table dialog.

Results:

If you check the console you will see the described error, and the Table Dialog will stay in open.

When I click on the spell checker, I get a graphical glitch where most of CKEditor and the spell checker turns grey and the controls disappear. I was playing around, and if I remove the filter from the div with class "cke_dialog_background_cover", it seems to fix this problem.

I think there is a wrong description of a @param in the api documentation. Take a look at line 64 of the following file:

​http://docs.cksource.com/ckeditor_api/symbols/src/core_ckeditor.js.html

The documentation is related to the CKEDITOR.remove() method, but the param is described as something to be added:

• @param {CKEDITOR.editor} editor The editor instance to be added.

Probably a c&p error, or even my fault. Thank you very much for reading in advance and keep up the good work. Merry christmas! :)

-- Jan

Issue reported here: ​http://cksource.com/forums/viewtopic.php?f=11&t=15602

And with lots of comments here:

​http://stackoverflow.com/questions/3893476/ckeditor-textarea-extending-out-past-box-in-chrome-and-safari

(see the last comment)

It would be great if the "current position" in the file was maintained when switching from rendered view to source view and back again. I just tried CKEditor for the first time using the new Drupal 7 setup. (many thanks for that).

I can't use dataprocessor with 3.5 works with the 3.4.3 version,

Can't really give you the error as we use the minified file and it s not that easy to move to the unminified in the app.

You can see the custom dataprocessor here: ​http://cksource.com/forums/viewtopic.php?f=11&t=21047

I don't know what's wrong, but I can't find any of the documentation for the methods created inside that file in the published docs.

It might be a problem with the jsdoc configuration?

same bugs from 3.5 and 3.4.3 (browser: IE 8.06)

after selected some text, press ctrl +b , ctrl + u, ctrl +i repeatedly (i think no one will do that when using . . . )

after 1x-2x times trails, unexpected coding are added to my text,

3.5: <span id="cke_bm_245E" style="display: none">&nbsp;</span>

3.4.3: <span _fck_bookmark="1" style="display: none">&nbsp;</span>

i can't solve this problem for a long time, so wana ask whether someone encoutnered the same problem . . .

Steps to reproduce:

1. Open the Ajax sample in IE.
2. Type 2 line of text.
3. Select the 2nd line of text & click the RTL button.
4. Press CTRL + A to select all of the text & click on the Numbered List icon in the toolbar.
5. Remove the editor.

Expected: The number 1 appears to the left of the text on the 1st line & the number 2 appears to the right of the text on the 2nd line.

Actual: The number 1 appears to the left of the text on the 1st line & the number 2 is not visible.

Steps to Reproduce:

1. Open the Ajax sample.
2. Insert a table.
3. Click into the first cell & click RTL icon in the toolbar.
4. Keep the cursor in the first cell & type 3 paragraphs of text.
5. Select all 3 paragraphs & click on the Bulleted List icon.
6. See the Bulleted List is in the RTL language direction.
7. Copy the Bulleted List and paste it in the editor outside of the table.

Expected: The Bulleted List that was pasted outside of the table has RTL language direction.

Actual: The Bulleted List that was pasted outside of the table has LTR language direction.

It does not seem possible to follow a link using IE7. NOTE: Firefox works fine.

See: ​http://dev.ckeditor.com/ticket/439

Will this context menu item be also added to CKEditor? I'm using version 3.3.2 and it's not available

Steps to reproduce:

1. Open the Ajax sample.
2. Click on the Insert table icon.
3. Click on the Advanced tab and select "Left to Right (LTR)" from the language direction combo box & click OK.
4. See that a table is created with language direction set to LTR.
5. Press CTRL + A to select the entire table & click on the RTL icon.
6. See that the table now has language direction set to RTL.
7. Press CTRL + A to select the entire table & click on the LTR icon.
8. Right click on the table & select Table Properties from the context menu.
9. Click on the Advanced tab and check the value in the language direction combo box.

Expected: The value in the combo box is Left to Right (LTR).

Actual: The value in the combo box is <not set>.

Using Chrome 8.0.552.224 and CKEditor 3.5 (revision 6230), pasting from clipboard while in maximized view does not work. To reproduce: 1)open CKEditor, 2)'Maximize' and 'New Page' 3)'Paste as plain text' 4)ctrl-v clipboard text in dialog box. Clipboard text does not paste. However 'Paste from Word' and 'Paste' does work in full-screen.

Using Chrome 8.0.552.224 and CKEditor 3.5 (revision 6230), pasting from clipboard while in maximized Source view does not work.

To reproduce:

1. open CKEditor,
2. 'Maximize' and 'New Page'
3. add sample content in "design view"
4. switch to "Source view" while still in full-screen
5. ctrl-v or right-click-paste clipboard text directly into source.

Clipboard text does not paste properly. Text will paste properly if 'maximize' is switched off and is no longer full-screen.

I use Persian UI of CKEditor, which is right-to-left, to produce right-to-left content on an English page, and English is a left-to-right language. I expect CKEditor to add a dir="rtl" to elements by default, but it doesn't add it. For example if I open CKEditor and type "salam, output HTML would be '<p>salam</p>' rather than '<p dir="rtl">salam</p>'. So the final content which was right-to-left in CKEditor, is left-to-right outside of CKEditor. The same issue happens if someone uses a left-to-right UI of CKEditor to produce some content for a right-to-left page/context.

If you're wondering why would anybody produce RTL content for a LTR context: Language of content should be thought of independently of language of UI. It is popular for RTL-languaged people to use the normal LTR UI, but with RTL content. The issue would be more obvious in multi-language environments.

I think "dir" attribute should be added to content by default for some reasons:

1. Text direction is actually an attribute of the content.
2. Not always layout direction of editing equals layout direction of presentation.
3. If adding direction is not done by CKEditor, it has to be taken care of outside CKEditor, which complicates integrating CKEditor in BiDi environments, specially if you want the user to be able to personalize UI language of his editor.

(Note that I know direction of UI is independent of contentsLangDirection, but I described it like above not to complicate the description.)

When using the UsabilityInitiative WikiEditor to modify the toolbar for standard wiki mode editing, yet still wanting to keep FCKEditor for full visual editing, they don't sit well together. Once enabling the inline rich editor it does not hide the WikiEditor toolbar, which can be confusing to another user. As this is becoming quite a standard extension to install in modern wikis I feel it is worth accounting for.

Using shared spaces sample on IE, the toolbar buttons don't inherit language direction from UI, thus all buttons are displayed like LTR buttons (source icon and arrows on the left etc.).

Using shared spaces sample, change the paragraph's direction. Note that the toolbar buttons are not changed accordingly (#6041).

1. Put selection somewhere inside editor;
2. Open 'Smiley' dialog and insert one;
   • Actual Result: Smiley is inserted at the beginning of document.

FF4 doesn't restore selection on editor focus.

When setting the content of a document with an empty div e.g.

   editor.setData('<div></div>');

The editor will insert an unnecessary &nbsp; into the content. The user is then required to remove this extra space. This has been found to happen in IE but not in FF.

For this test case the enter mode is DIV.

Using Safari (doesn't affect Chrome), going to maximize mode removes some of the styles and it's possible to see style-less page for a slight second before the editor is maximized.
It only happens after the second time or so (and it might not happen sometimes though, refreshing the page would help).

Steps to recreate:

1. Create an anchor.
2. Create a link to that anchor.
3. Go to Source mode and come back to Design mode.
4. Select the new link to anchor. Copy and paste to another place in the editor.
5. Double click the link to edit it.

You'll see that the Link Type becomes "URL" not "Link to anchor in the text."

When <a href="#one">link to anchor</a> is copied, <a href="demo#one">link to anchor</a> is pasted.

The reason for step 3 is to get around bug #6641.

I think that I've seen some other people claiming problems about that, so we should verify that it works, perhaps even including it in the jquery sample or as a more complex sample for jquery.

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

​http://stackoverflow.com/questions/4491316/ckeditor-and-asp-net-mvc-3-requiredattribute

To reproduce the defect:

1. Open a sample and type some text in the editor.

2. Click on Numbered or Bulleted list icon and click Align center or Align right icons in the Toolbar.

Expected result:

Enter text and number/bullet list will be together all show in Align center or Align right.

Actual result:

Only enter text show in Align center or Align right. Number/bullets in the list still stay left.

To reproduce the defect:

1. Open a CK Editor sample and insert a link in CKEditor

2. It display in the editor body with underline and blue color.

3. Select the link and select some text color(red) and see that the text color in the the link changes to Red.

4. Select the link, select some font type or front size and see that the font size/type applied to the text in the link.

5. Select the link again and select a different text color(brown).

Expected result:

Color of the text in the link changes to brown.

Actual result:

Color of the link changes to blue and no matter how many different text colors you applied after the color of the text in the link can not be changed anymore, it's blue color always.

Icons of external plugin buttons are not displayed in IE7/IE8 in WYSIWYG mode. If switched to "source" mode, icons are displayed but dimmed (which is normal). When you switch back to WYSIWYG mode, some icons may show but still, they are dimmed.

If you change icon format from GIF to PNG, everything works as expected.

I'm getting this message in ff 3.6.13, safari 5.0.2 (5533.18.5), ie 8, both mac 10.5.8, 10.6.3 and windows 7 (for the ie one).

too much recursion [Break On This Error] return;}if(E=='br'){v.push(H);return;}...n=='br'),q=!!o.$empty[l];r.isEmpty=q; ckeditor.js (line 27)

I get this if I click the source button of the editor and then the option to select it again is not present. My editor can be seen here

​http://174.120.151.156/~crazychr/editor.php

I'm not sure of the version number of it. This is occurring when pasting text in from open office/word 1 out of maybe 15 times. Do you want a word file that this occurs with or a copy of the source code Dreamweaver generates when I paste it there? I can't get the source code ck is generating.

​https://dev.ckeditor.com/browser/CKEditor/trunk/ckeditor_php5.php#L559 ​https://dev.ckeditor.com/browser/CKEditor/trunk/ckeditor_php4.php#L569

What's the \b escape sequence in above lines? Zend Studio complains with a warning, and I'm quite sure it's right.

I'd suppress the substitution, what do you think?

in a CKEditor.

1. Type some words ,click background color button to choose a background. then continue to type some words.
2. On IE and FF, these newly added words will have the background color. but in Chrome, the background color will not be applied to these newly added words.

another similar case is:

1. Type some words ,select all these words, click background color button to choose a background to apply, then all the words will have this background color. click ENTER to a next line then type words.

2.On IE and FF, the new line will have the same background color as previous. but chrome not.

both background and foreground(text) color have such issue. i checked it in the nightly build (6280),it still exists

Dear sir ,

i am not able to upload image in latest chkeditor soo please help me...

thanking you in advance

[Browser] MSIE 7.x MSIE 8.x

[Error Details] Message: Object doesn't support this property or method Line: 77 Char: 2242

[Procedures]

1. Create a table
2. Type something in a cell
3. Highlight the text in cell
4. Right-click on the highlighted text
5. Select [Cell > Cell Properties]
6. Press [OK] button in the dialog
7. Error should occur

Regression, introduced in [6113]. Note: works fine in Firefox in safe mode. Maybe a Firebug issue, in any case it did not happen before.

Steps to reproduce

• press "New Page" button to clear all contents
• press "Insert/Remove numbered list" button twice
• result: JS error

  newList is null
  ckeditor/_source/plugins/list/plugin.js
  Line 429
  

Under Chrome 8.0, I set small width for the area like 130px See attached image, same width the area 1 and area 2! area 1: untouchable area 2: after I push source button So after load the page the area width is confused, give the good width to the browser engine (see the normal text area left border is in the perfect position) but show a too wide ckeditor paint. But after I repaint with the source button the ckeditor paint will be repaired and shrink back to the right width! Look like some initializing method is missing after set width.

Working well IE 8, Opera 11, Firefox 3.6 but same problem with Safari 5.0.2

This bug looks related to #4886, but only happens when:

1. Change default enter key to produce <br> instead of <p> (I am doing this in Drupal using the ckeditor module settings)
2. Press enter above an existing link to move it down a linefeed or two.

The output goes from:

<a href="null">text</a>

to

<a href="null">text <br /> <br /> </a>

The expected output should be:

<br /> <br /> <a href="null>text</a>

I verified this on 3.1 and 3.5. This is a serious bug as it breaks the link. The link is blue and underlined when viewing it in ckeditor but is actually broken when viewed with any browser (IE8, FF, Chrome).

This is the follow-up of bug #6588.

Pasted text markuped with SCAYT in one language is not re-checked with SCAYT if another spellchecking language is selected in editor.

Steps to reproduce:

1. Open 2 pages of ​http://ckeditor.com/demo, enable SCAYT for both of them.
   
2. In first window in SCAYT's menu select "French" as spellchecking language, wait for misspelled words to be underlined.
   
3. Select all text from the first window and paste it into second one.

Actual result:
Correct words in English are still shown as misspelled.

Expected result:
On pasting old SCAYT markup is removed, new markup is applied after processing text.

A bug reported in the support channel.

• Insert the following content into source:

  <style type="text/css">
  <!--
  .test { color: red; }
  -->
  </style>
  

• Switch to wysiwyg mode and back to source.

Result:

<p>
	<style type="text/css">
<!--{cke_protected}{C}%3C!%2D%2D%0A.test%20%7B%20color%3A%20red%3B%20%7D%0A%2D%2D%3E-->	</style>
</p>

The current set of samples look quite poor. It would be nice to improve the styles a little bit and add some short description to each sample.

I'm using the latest CKEditor version 3.5 and it seems that leading and trailing spaces are not being correctly reported using the getData() API. Here are the details:

If spaces are entered before or after any character, or only spaces are entered, not all spaces are reported in the data returned by the getData() call. Here is an example: Type a single space ==> getData() returns an empty string "" Type another space ==> getData() still returns an empty string "" Type a 3rd space ==> getData() now returns this string "<p>\n &nbsp;&nbsp;</p>\n"

Also a trailing space that follows any character is not reported. Example: Enter any letter (e.g: w) ==> getData() returns "<p>\n w</p>\n" Now enter a space ==> getData() still returns "<p>\n w</p>\n" Enter another space ==> getData() now returns "<p>\n w&nbsp;</p>\n"

Is this a known issue? I was unable to find anyone else who reported this behaviour.

Thanks.

There is no context menu for some form elements. Strangely it looks like it is something that was fixed in 3.4: #6046 but the fact is that the following test case worked fine until 3.3.1

Steps to reproduce

• start with the following source:

  <form action="action" name="name">
  	<br />
  	<input name="name" type="text" value="value" />&nbsp;</form>
  

• right-click on the text field, the result is on the screenshot

Confirmed in FF 3.6.13 and IE8. Note that when inserting the element for the first time in wysiwyg mode, the context menu contains the right items, after switching to source mode and back, the context menu is gone.

1. Open CKEditor in Google Chrome

2. Maximize the editor

3. Select some sample text

4. Click the 'add/edit link' button

5. Attempt to paste something into the 'URL' text field

6. Observe nothing being inserted into the text field

This was tested at the demo page on ckeditor.com (CKEditor 3.5) and also at the nightly build page. Without maximizing the editor pasting works fine.

Windows 7, 64 bit

Google Chrome 8.0.552.224

While using Firefox 4.0b8 for Mac with the nightly demo, trying to add a symbol part-way through the contents of the document doesn't work - CKEditor always adds the symbol to the start of the document.

This also applies to any other plugin - e.g. changing the text color of a selection doesn't work - as it ignores the selection.

I use a Whitehouse theme (​http://sabhlokcity.com/) and because I type a lot on my blogs, I need to expand the screen.

Since there is no save option on the FCK editor (the 'save' button is merely decorative), so I need to periodically go back to normal screen and save.

However, sometimes even the button to go back to normal screen disappears and then I have effectively lost the content since last save, since I have to use the back button on the browser. That is a big issue for me. Why do all the toolbars disappear?

I'm attaching two files that show the kind of problem I'm experiencing.

Look forward to some advice on how to resolve this matter. The version is use is Dean's FCKEditor For Wordpress version 3.3.1. My Wordpress is the latest, 3.0.4

Regards Sanjeev

I am using CKEditor 3.5 with Drupal 6.20 and CKEditor module 6.x-1.2.

When I insert an image and align it to right using the dialog, the preview displays the aligning properly. However, when I save/publish the page, the image is aligned to left. I have noticed in the source that the style definitions have been removed.

If I hack the code and use the align attribute, the aligning does work.

I have attached a screenshot: on top you see the preview/result, on the bottom, you see the CKEditor section.

[Browser] MSIE 7.x / MSIE 8.x

[Error Details] Alert: Stack overflow at line: xx

[Procedures]

1. Go to your CKeditor or demo page
   
   • ​http://ckeditor.com/demo
2. Click [Source] to edit source
   
3. Type one of followings:
   
   • <dd>aaa</dd>
     
   • <dt>aaa</dt>
     
   • <dt>aaa</dt><dd>bbb</dd>
     
   • <dl><dt>aaa</dt><dd>bbb</dd> (IE7 only)
     
4. Click [Source] to preview the content
   
5. Click [Source] to edit the source again
   
6. Error [Stack overflow at line: xx] pop-up as alert message

Tested in nightly demo with Chrome on Mac:

1. Clear editor
2. Press the Bold button (or Command+B or Ctrl+B)
3. Start typing

Expected result: you are now typing in bold Actual result: the bold had no effect

This also happens for italics, underline, strike, super and sub, possibly others.

In FF for Mac the expected behavior is what happens.

• Open ckeditor online demo page;
• Scroll down the document to bottom without puting focus into the editing document
• Mouse left-click at the last paragraph;
• Result: The document inside ckeditor is scrolling to top

Steps to reproduce the defect:

1. Open the Ajax sample in IE.
2. Click on the background color icon.
3. Notice that the following error:

Webpage error details

Message: 'null' is null or not an object
Line: 46
Char: 1279
Code: 0
URI: http://nightly.ckeditor.com/6288/ckeditor.js

3. Click on the numbered list icon.

Expected: The background color panel disappears and a numbered list is created.

Actual: An error has occurred on the page. The background color panel remains visible and a numbered list is created.

Steps to reproduce the defect:

1. Open the Ajax sample in IE (or Opera 11).
2. Paste in the following code:

<p>
	paragraph 1</p>
<ol>
	<li>
		list item 1
		<ol>
			<li>
				list item 2
				<ol>
					<li>
						list item 3</li>
				</ol>
			</li>
		</ol>
	</li>
</ol>

3. Press CTRL + A and click on RTL icon.
4. Place the cursor at the end of the last list item.
5. Press Enter 3 times.

Expected: The cursor should remain on the right and the language direction should be RTL.

Actual: The cursor is on the left and the language direction is be LTR.

When replace a div in a iframe with a ckeditor component, from parent it is retrieve "q is null" error in firefox and "Uncaught TypeError: Cannot call method 'setHtml' of null" in Chrome.

Test with ckeditor 3.5 and jquery 1.4.4. Error is produced with and without ckeditor jquery adapter.

I attach a simple example.

For better test and prevent security errors in some browsers, deploy example in a web server (for example, Apache).

i use following code in ff and get selection text but in ie it returns [object].

(function() {

Section 1 : Code to execute when the toolbar button is pressed var a = {

exec: function(editor) {

var x = editor.getSelection().getNative(); alert(x);

}

},

Section 2 : Create the button and add the functionality to it

b = 'test';

CKEDITOR.plugins.add(b, {

init: function(editor) {

editor.addCommand(b, a); editor.ui.addButton("test", {

label: 'test', icon: this.path + "test.gif", command: b

});

}

});

})();

which only occurs in the initialization for 1 second to and is dependent on their parents' style

you need to change

_source/plugins/wysiwygarea/plugin.js line 537

from

element.setStyles( { position : 'absolute', top : '-3000px' } );

to

element.setStyles( { position : 'absolute', left: '-3000px', top : '-3000px' } );

Hi,

I added greek letter to the special character plugin, as in scientific environments these are needed on a daily base. They were already defined in ​http://docs.cksource.com/ckeditor_api/symbols/src/plugins_entities_plugin.js.html in order to allow them to insert, but the special char plugin didn´t offer them.

As greek and also latin letter(!) can be disabled, I made the inclusion optional. Also I added the following missing characters to special chars: "&Scaron;","&scaron;","&Yuml;"

Language file is also updated.

Please the the files attached

Hi,

Just wondering if you have heard of any problems of copying french text into a forms field using the ckeditor and some (not all) of the french characters don't copy in. When I look at the code, it doesn't seem put in the uni-code T8 in... it's just blank. Unforturately I can't show you cause it's used on our internal system.

I'm using Windows XP services pack 3 and they browers is IE7. They page is .asp as well.

Here is some text that has french characters that doesn't paste into the editor.

Le 4 janvier 2011, dans la soirée, des membres du Groupe intégré de réduction de la criminalité, composé de membres du District 7 de la GRC (Carleton-York) et du service de police de Woodstock, ont exécuté un mandat de perquisition dans une résidence de la rue Main à Woodstock, au Nouveau-Brunswick. On a saisi plus de trois livres de marijuana, plusieurs centaines de dollars en argent et des objets associés aux drogues illicites. Un homme de 44 ans a été arrêté sur les lieux, puis libéré par la suite. On s’attend à porter des accusations.

In this example the "à" in (Main à Woodstook) was missing and the "ê" in (été arrêté) did not copy into the editor field box. All the other french characters pasted fine. Any suggestions where I should start?

Jason