Custom Query

It appears the current practice for disabling the Image Dialog is to unload the image plugin. However, because the forms plugin uses the image plugin as well, you also need to unload that. This is where I am having my problem. I have written a plugin for adding images that fits better with my CMS, so I don't want my users to be able to use the original images dialog. However, although I can remove the button on the toolbar, I still get the properties dialog if I double click the image. I also need the forms plugin, because I want to allow my users to be able to make forms as well. I'd like to see a config option that completely disables the image dialog, without the requirement to unload the forms plugin.

Hi, sorry for bad English.

It's issue not a major problem. But it will be cool if it will be working as expected.

The Ruby on Rails 4 by default will be included turbolinks gem ​https://github.com/rails/turbolinks ​http://geekmonkey.org/articles/28-introducing-turbolinks-for-rails-4-0

Ruby on Rails 3 users already can include this gem in their project, what i am done. In my project CKEditor activating as class="ckeditor" but with turbolinks gem it's doesn't work without full reload of a page. With another methods like ...replace... or ...contenteditable... it's work. It seems that similar problem's described with Stripe plugin here ​https://github.com/rails/turbolinks/issues/87

​http://docs.ckeditor.com/#!/api/CKEDITOR.editor-event-resisze

The CKEditor toolbar width is less than 100% width if the css manipulates the font-size by a percentage, I think. My situation was a series of font-size manipulations (body: 62.5% > div container: 1.5em > div container: 1em!important > ckeditor)

The fix should be something as simple as adding font-size:100% to the cke-reset class. I fixed it by wrapping the ckeditor instance in a <p style="font-size:100%;">

Thanks for the awesome product.

1. Open docprops sample.
2. Open docprops dialog.
3. Enter a title and press ok.
4. Switch to source mode - there's no title.
5. Switch back to wysiwyg mode.
6. Open docprops dialog - there's no title.

Everything works fine if at first title is set in source mode.

Confirmed on FF and Chrome. Similar ticket: #9168.

1. Open divarea sample.
2. Maximize editor.
3. Minimize.
4. Entire page is editable.

1. Go to ​http://ckeditor4.t/ckeditor/samples/inlineall.html
2. Focus first editor in the right column (2 paragraphs)
3. C-a, C-c, C-v
4. Editable is totally broken

1. Open any framed editor sample.
2. Insert input (select, radio, text).
3. Double click to edit.
4. Press ok.
5. New input has been inserted.

This problem exists because double click opens input dialog, but selection is empty. Additionally - any input data aren't loaded into input dialog.

This issue isn't reproducible on inline editor.

It's possible to use magicline in read-only editor. This is incorrect.

hi.. all

i am facing a problem when i am posting a form with inline editing .

i found that in inline editing mode <br> tag and also <img> tag are not closed. in inline editing .

it works perfect while i am trying without inline editing.

also i can`t found source button while inline editing .

thanks parag patel

1. Switch text direction to RTL using RTL button.

1. Open table dialog.
2. Check that width is set to "500".
3. Insert table.
4. Open table properties dialog for inserted table.
5. See that width is now set to "500px".

At first glance it looks like width accepts only integers, when that can be any CSS width value. To avoid confusion the default should be in pixels too.

while editing table, if there's a rowspan attribute on cell in one column, then you remove a cell from another column, the value should decrease but it didn't.

Steps to reproduce :

1. create a table (in my case 3 rows 2 columns)
2. make top left cell merge down twice (which result in a <td> spanned 3 row)
3. remove the middle cell from another column
4. view source

Browser name and OS : Chrome 23.0.1271.101 on Mac OS X 10.8.2

Tested on release and nightly build.

All browsers display a native hint with editor title when hovering the editable (inline, divarea). However, in WIN8 it's very big, it covers the content and looks like an editor UI element.

The idea is to somehow get rid of this thing and not to affect any accessibility aspect.

1. Open divarea sample.
2. Scroll editor a little bit.
3. Copy few letters and paste E.g Armstrong spent about.

Pasting these few letters didn't require scrolling at all, but editor's viewport was scrolled.

Other TCs:

• #11383.

To reproduce the defect:

Scenario 1:

1. Open any CK Editor sample & insert a table with default values.

2. Insert a Numbered/Bulleted list inside first table cell.

3. Keep cursor at beginning of list and press Ctrl + ALT + [

Expected Result: Empty Paragraph inserted before table

Actual Result: Empty Paragraph inserted before the list.

Press Ctrl + ALT + [ again

See that empty paragraph before list gets deleted and a new empty paragraph before table is inserted

Scenario 2:

1. Open any CK Editor sample & insert a table with default values.

2. Insert a div inside first table cell.

3. Keep cursor at beginning of div and press Ctrl + ALT + [

Expected Result: Empty Paragraph inserted before table

Actual Result: Empty Paragraph inserted before the div.

Press Ctrl + ALT + [ again

See that empty paragraph before div gets deleted and a new empty paragraph before table is inserted

Same issue happens when we try to insert an empty paragraph after last table cell which contains list or div & no empty paragraph after the table

samples/plugins/dialog/assets/my_dialog.js

1. Add the following to inlineall sample to have a very narrow toolbar for better experience:

   CKEDITOR.config.toolbarGroups = [
   	{ name: 'links' },
   	{ name: 'insert' },
   	{ name: 'others' },
   ];
   

2. Make the browser window narrow, so h-scroll appears.
3. Focus the middle-column editor.
4. Play with h-scroll to see the toolbar not following the editable.

Cause: page h-scroll is included for non-pinned toolbars, however, if left: auto and right: Npx, it must be negative.

In IE7-10 latest master (Problem does not occur in CKE 4.0):

1. Go to replacebycode sample
2. Switch to source and insert

   <hr />
   <hr />
   

3. Insert New line, with the help of magic line, under the HR
4. Press Ctrl+Z

Result: JS error pops out
Message: Access Denied
Line: 190
URI: ckeditor4/core/dom/document.js

Hi,

when using CKEditor in automated tests using htmlunit-2.11 instead of a browser an error occurs.

Reason: The following content shall be added dynamically to the DOM tree:

<iframe style="width:100%;height:100%" frameBorder="0" aria-describedby="cke_66" title="Rich text editor, Lalala, Press ALT 0 for help" src="javascript:void(function(){document.open()%3Bdocument.close()%3B}())" tabIndex="0" allowTransparency="true"></iframe>

The problem is that the javascript is invalid (%3B instead of ;). Therefor the Rhino JS Engine crashes.

Best regards, Andreas

At the moment, sample configs don't correspond with toolbars of presented editors. Besides, this sample is far from what we consider "straightforward" and it can be confusing for some users.

Based on pull request: ​https://github.com/ckeditor/ckeditor-dev/pull/19

Since #9289 JS links aren't allowed, but I found some evidences that that patch wasn't complete. E.g.:

urlOnChangeTestOther = /^((javascript:)|[#\/\.\?])/i;

Few lines later part of this pattern is invalidated:

if ( (/javascript\:/).test( this.getValue() ) ) {
    alert( commonLang.invalidValue );
    return false;
}

1. Open inlinebycode sample.
2. Open Elements tab in Dev toolbar and find editable.
3. Delete editor's content, write 3 letters and bold them.
4. Inspector shows that <strong> element was created.
5. Place caret at the end and press delete key 3 times to delete all letters (3 times!).
6. See in the inspector that <strong> has been removed.
7. Type few letters.
8. See that they are automatically bold.
9. See that they are wrapped in <b> element.

Based on: ​http://stackoverflow.com/questions/14145970/chrome-empty-contenteditable-retaining-styling

So this is not the worst case. Answer on SO shows that Chrome also inlines style. Both cases won't be fixed by our htmlDataProcessor.toData().

I was able to reproduce this on inline and framed editors.

We may need custom delete behaviour to fix this. Or force Webkit to eventually fix this senseless behaviour.

To reproduce the defect:

1. Open any sample for CKEditor 4.0, clear the screen.

2. Type the paragraphs of text.

3. Switch to source mode and you will see the following.

<p dir="ltr">This is line 1.</p>

<p dir="ltr">This is line 2.</p>

4. While in source mode add a <br /> between the two p's as shown below.

   <p dir="ltr">This is line 1.</p>
   
   <br />
   
   <p dir="ltr">This is line 2.</p>
   

5. Switch out of source mode and then back to source mode and you will see the following invalid html.

<p dir="ltr">This is line 1.</p>

<p dir="ltr">&nbsp;</p>

<p dir="ltr">This is line 2.</p>

<p dir="ltr">&nbsp;</p>

Issue: Notice that <br /> tag been removed & original html is modified by the insertion of p blocks with &nbsp;'s.

This is very problematic since we have many docs that exist with embedded br's and every time we save & reload them, they become more and more corrupt.

This works in 3.6.6 but after step 4 go to Rich Text mode and keep your cursor in between the 2 paragraph's

See that empty space br get's removed

I noticed a problem with using CKEditor Framed editing. When I try to save the content, my server-side gets a blank post from the page. This is also true when I did a client-side jQuery check on the textarea. The page I am working on is AJAX-based and is able to save the content if there is a submit issue. When I try to submit the page again, the content will submit. I ensured it wasn't my setup by turning off the CKEditor replace function on the textarea, and I was able to submit anything plain text without a problem. I like the 4.0 features, but this bug is unfortunately going to prevent me from letting my application use the tool. Please let me know if there is anything I can do to resolve this problem, or if a bug fix becomes available.

In "<textarea class="ckeditor" cols="80" id="editor" name="editor"

rows="10"> ",when I write "Apollo 11" to textarea,I can see view ,but I see source code it just shows "Apollo 11" ,not "<b>Apollo 11</b>".

Why ? who can help me ？

after enabling SCAYT, any of the menu items will cause JScript error:

Microsoft jScript runtime error: Unable to get value of the property '$': object is null or undefined.

(the highlighted jscript section is: {F=d.getById('cke_option'+z.sLang);n(F.$.z.sLan);}...

I've created numerous forms in CKEditor without any problems in FireFox.

However, I recently tested a form in Chrome and after I saved, all script, onclick events, and even the action param were deleted.

For e.g., onclick="dothis();" was saved as onclick=""

I don't believe this is a CKEditor bug. It's some kind of Chrome filter.

However, I have not found any clear recommendations yet on how to stop Chrome from doing this.

Has anyone had any experience with this and know a solution?

Thanks!

It can never be more frustrating. Would you at least provide one, only one way we can reach you to talk about subscribing to your product? PLEASE!!!!

Do you have full .net version of the spell checker?

my email: xzhang@…

thanks!

Xiaobin Zhang

To Reproduce:

• Clear the browser cache.
• Download a CKEditor build to your local file system - I have reproduced with the Full Packages of the 13-01-07 and 13-01-08 nightly builds.
• Open a CKEditor sample from this downloaded build in IE7 or IE8. The page loads correctly.
• Refresh the page.

Problem: The IE loading icon continues to display and the status bar states that the skin icons.png file is still being downloaded - see attached screen capture.

This only seems to be an issue in 4.x - it does not happen with 3.x builds.

To Reproduce:

• Open any CKEditor sample and clear the contents of the editor.
• Open the Link dialog and select 'Link to anchor in the text' as the Link Type. As there are no anchors in the editor, the '(No anchors available in the document)' message is displayed.
• Press Tab.

Expected Result: Focus goes to div containing the '(No anchors available in the document)' message and JAWS reads this to the user.

Actual Result: Focus goes to Window and JAWS reads the window title.

When you press tab again focus goes to the OK button. Then when you press Shift + Tab, focus returns to the window. If you continue to press Shift + Tab, focus moves back & forth between the window and the OK Button and never goes to other fields in the dialog.

This is a 4.x issue. It does not occur in 3.x.

I could not find any ticket for it. Definitely something to consider.

There is some discussion about it @ Stack Overflow: ​http://stackoverflow.com/questions/4795258/public-cdn-for-ckeditor

Suppose we want our CSS class to be parsed:

.myclass {
    color: red;
}

So the setup for this is as follows:

config.stylesheetParser_skipSelectors = /^body\./i; // need to override this
config.stylesheetParser_validSelectors = /\.\w+/;

This setup works, however the list of styles contains a broken style because .myclass isn't associated with any element.

​More info.

Summary: The moono skin should use a retina iconset.

Steps:

• Using a retina-capable computer (MBP)
• Load the ckeditor demo ([Demo](​http://ckeditor.com/demo))

Actual result:

The iconset is normal (ie, 1x).

Expected result:

A retina (2x) iconset should be displayed.

Hey.

I'm using the CKEditor in my CMS developed for my customers. But for some reason I can't pick "Upload image" when clicking on "Image" in the toolbar.

I can see that it's available int he DEMO on your website. How do I activate or install this feature?

​Latest Firefox re-enabled its own, native spellcheck inside of inline editables.

This is new erroneous behavior in CKEditor 4 using Chrome 23, Win7 x64. Steps to reproduce:

1. go to official demo page of CKEditor 4, wysiwyg mode
2. delete any character using backspace or delete key
3. immediately type a space just by plain spacebar
4. see the source - nbsp is created instead of common space char

On my configuration SCAYT is disabled, no difference.

Another TC:

1. Insert below code into editor and switch to WYSIWYG:

   <p>This is a simple sentence.</p>
   

2. Delete all spaces and create them again

Result:

<p>This&nbsp;is&nbsp;a&nbsp;simple&nbsp;sentence.</p>

Problem can be reproduced in Blink and Webkit.

There's an XSS flaw in versions 3.6.4 and 4.0.1

Steps to reproduce:

1. Enter source mode
2. Add "<svg><circle onload=confirm(3)>" somewhere in the code
3. Click "Source" again
4. View the confirmation popup

Hi,

With CKEditor - is it possible to have pages displayed (and page breaks) as you create content? Basically like Google docs.

This is very useful to ensure the content prints nicely.

Thanks, Chad

Steps to reproduce:

1. Type a sentence
2. Shift+enter
3. Select color (either text or background)
4. Type another sentence
5. Shift+enter
6. Select again another color (either text or background)
7. Type another sentence

Expected result: Line 1 (normal text), line 2 (colored text), line 3 (colored text).

Actual result: Line 1 (normal text), line 2 (normal text), line 3 (colored text).

Summary:

When viewing CKEditor 4 in a Twitter Bootstrap modal using IE, the floating panel does not remain open, but immediately closes.

Steps:

1. In IE (confirmed in IE8, IE9), open the sample attached file and click "Launch Modal."
2. Select the Normal or Styles dropdown.

Expected Result:

The floating panel should open, allowing selection of menu items.

Actual Result:

The floating panel immediately opens and closes.

Joining SCAYT and spellchecker under one button is a great idea, however, some users find it confusing (see ​http://ckeditor.com/forums/CKEditor/SpellChecker-v.-SCAYT). I think we could probably change the button tooltip to something that would make it more obvious that the button now holds various spellchecking options.

How about "Spell Checker" or "Check spelling" (if we wanted to stick to the verb form; somehow "Spell check" has always sounded suspicious to me ;-) ).

Copyright notice on ​http://docs.ckeditor.com still reads "Copyright © 2003-2012, CKSource - Frederico Knabben. All rights reserved. | Generated with JSDuck."

I am using CKEditor 3.6.5 in Drupal 6.27

While giving paths for images and links in CKE, '/node' is added in front of the path, after I click save button.

For example: If path of the image is src="folder1/folder2/image.jpg" After clicking the save button the image does not display. If I again edit the page, the image url is: src="/node/folder1/folder2/image.jpg"

'/node' is added automatically, which breaks the image source and hence the image is not displayed. Same thing happens with the url paths.

But If i use a slash in front of the path like src="/folder1/folder2/image.jpg" then the image is shown, It works fine on the website at root directory. However , I am using another website that is in the subfolder at the server. then path with '/' in front of it becomes an absolute path and the image doesnot display.

Could you please let me know of the solution to this problem.

After setting the config option to disable the flash uploader in CKFinder, it successfully disables it in IE, but not in Firefox or Chrome.

This is the config option I am using: config.removePlugins = 'flashupload';

In IE the non-flash version of the uploader is then displayed, but in Firefox and Chrome it still shows the flash version.

Login to CKEditor forums and go to ​http://ckeditor.com/forums/CKEditor/Update-Value-Rich-Combo-when-adding-a-value-in-a-text-box-external-to-CKeditor-with with Firefox (Tested Aurora 19.0a2)

Click on one of the attachments to view the image

Click the toolbar "back" button.

Wait a little and you'll see that the full page now is editable. The culprit seems to be the

onpageshow=event.persisted&&(function(){var x=CKEDITOR.instances,d,i;for(i in x){d=x[i].document;if(d){d.$.designMode="off";d.$.designMode="on";}}})();
}}} on the body.

We are using Drupal 7 and our hosting provider has suspended our account and advised us that there is a vulnerability with CKEditor. I have provided the information from our host below:

Here is how the hackers have exploited your account in the first place:

91.211.18.59 - - [22/Dec/2012:19:43:29 -0500] "POST /index.php?q=ckeditor/xss HTTP/1.1" 200 395 "-" "Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0)"
91.211.18.59 - - [22/Dec/2012:19:45:24 -0500] "POST /index.php?q=ckeditor/xss HTTP/1.1" 200 426 "-" "-"
91.211.18.59 - - [22/Dec/2012:19:45:25 -0500] "GET /wtm3971n.php HTTP/1.1" 200 271 "-" "-"
91.211.18.59 - - [22/Dec/2012:19:52:33 -0500] "POST /wtm3971n.php?cookies=1&showimg=1&truecss=1 HTTP/1.1" 200 308 "-" "Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.0.3705; .NET CLR 1.1.4322; Media Center PC 4.0)"

It appears that the CKEditor script you are using is vulnerable and needs to be upgraded. You should upgrade your main web software as well as any other third party script you are using on your account.

Any chance of FCKeditor's FileManager receiving a patch for IE10 compatibility? It's still a great free file uploader.

I receive an error which prevents files and folders from being listed:

SCRIPT438: Object doesn't support property or method 'selectSingleNode' 
fckxml.js, line 136 character 3

Thanks

The insertcellbefore and insertcellafter commands from the tabletools plugin is incorrect. The insertCell function found in this plugin looks for the first tablecell (td) ascendant. If there is none, it looks for the first table-header-cell (th) ascendant. It does not check if the cell is a child of the current table. If the tables are nested, or the editor itself is nested inside of a table, the cell is added to the incorrect table. I've attached a corrected function that can be used to patch this bug.

When trying the Standard or Full Featured Demo on an iPad, scrolling is not possible.

Possibly same issue as #8642.

The tableresize plugin does not check if the table is part of the current contenteditable element.

The workaround is to add the following line to the mousemove eventhandler:

if(!table || table.getAscendant("div", 1).$ != b.element.$)
  return;

I have found the menus do not wrap properly on Webkit (confirmed in Chrome 23.0.1271.97 m and Safari 5.1.7) browsers when the editor is inside a fieldset element. This causes the editor to overflow parent containers.

Code that reproduces the bug:

<!DOCTYPE html>
<html>
	<head>
		<title>CKEditor</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<style>
			html {
				background-color: lightgray;
			}
			#content {
				margin: 0 auto;
				border: 1px solid black;
				padding: 10px;
				width: 400px;
				overflow: hidden;
				background-color: white;
			}
			fieldset {
				margin: 0;
				border: 0 none;
				padding: 0;
			}
		</style>
	</head>
	<body>
		<div id="content">
			<fieldset>
				<textarea name="editor1" id="editor1">&lt;p&gt;Foo foo!&lt;/p&gt;</textarea>
			</fieldset>
		</div>
		<script type="text/javascript" src="http://ckeditor.com/apps/ckeditor/4.0.1/ckeditor.js"></script>
		<script>
			CKEDITOR.replace('editor1');
		</script>
	</body>
</html>

Firefox:

Chrome:

I also created ​a post on Stack Overflow.

We see this problem mostly on Firefox, Chrome and Safari, but not IE or Opera.

It seems that various actions cause BLUR and FOCUS events to fire even though they don't seem like they ought to (the focus is still in the CKEditor instance).

We see these fire rapidaly on a PASTE operation.

We see these fire rapidly on a RIGHT-CLICK in a TABLE CELL (to bring up the table context menu).

Why are these actions within the editor considered to create BLUR and FOCUS events?

(As reported in the forum: ​http://ckeditor.com/forums/Support/BLUR-and-FOCUS-events-not-correct)

Since upgrading to CKEditor 4.0, we noticed that our data buffer can capture odd data. It may be because we transmit the contents of editor.getData() on blur so that we can send it to the server.

Here's a simple trace of an editor as type in A, then overwrite with B, then overwrite with C, and finally overwrite using a PASTE of "Please review to provide the records needed.":

* TRACE Received HTML (9) >>><p>A</p> <<< * TRACE Received HTML (9) >>><p>B</p> <<< * TRACE Received HTML (9) >>><p>C</p> <<< * TRACE Received HTML (257) >>><p><span style="display: none;">&nbsp;</span>C<span style="display: none;">&nbsp;</span></p> <body id="cke_pastebin" style="position: absolute; top: -6px; width: 1px; height: 218px; overflow: hidden; margin: 0px; padding: 0px; left: -1000px;">&nbsp;</body> <<< * TRACE Received HTML (52) >>><p>Please review to provide the records needed.</p> <<<

As you see, before we get the buffer that is correct after the paste, we also see two spans with display:none as well as an odd body tag for cke_pastebin. What might cause the buffer to contain such odd characters we clearly did not enter and then are automatically removed in short order?

I think the PASTE operation is causing a BLUR (we noted that if we even click below the last line of text in the editor window, we get a blur and focus event as if the click loses the focus and then gets it back) and so we are seeing this interim value. It seems that the two empty SPAN tags surround the highlighted text that I then replaced with the PASTE. If we PASTE to just append text rather than also overwrite, we noted only one SPAN is inserted.

It appears to happen on Chrome, Safari and FF, but not IE9 or Opera.

(As reported in the forums: ​http://ckeditor.com/forums/Support/span-displaynone-and-body-idckepastebin-appearing-in-buffer)

I'm getting the following error and I don't know how to deal with it. It just freezes the editor and stops it from initialising!

Uncaught TypeError: Cannot call method 'unselectable' of null new (2):265 a new (2):265 (anonymous function) new (2):262 h new (1):20 CKEDITOR.event.CKEDITOR.event.fire new (1):22 CKEDITOR.editor.CKEDITOR.editor.fire new (1):23 CKEDITOR.event.CKEDITOR.event.fireOnce new (1):22 CKEDITOR.editor.CKEDITOR.editor.fireOnce new (1):23 (anonymous function) new (2):203 n new (2):184 CKEDITOR.scriptLoader.load new (2):184 (anonymous function) new (2):202 (anonymous function) new (2):191 (anonymous function) new (2):189 n new (2):184 CKEDITOR.scriptLoader.load new (2):184 CKEDITOR.resourceManager.load new (2):188 g new (2):190 (anonymous function) new (2):191 h new (2):201 (anonymous function) new (2):200 CKEDITOR.lang.load new (2):182 k new (2):199 (anonymous function) new (2):199 a new (2):385 CKEDITOR.skin.loadPart new (2):387 g new (2):199 (anonymous function) new (2):199 h new (1):20 CKEDITOR.event.CKEDITOR.event.fire new (1):22 CKEDITOR.editor.CKEDITOR.editor.fire new (1):23 CKEDITOR.event.CKEDITOR.event.fireOnce new (1):22 CKEDITOR.editor.CKEDITOR.editor.fireOnce new (1):23 d new (2):199 (anonymous function) new (2):196 (anonymous function)

I'm getting the following error and I don't know how to deal with it. It just freezes the editor and stops it from initialising!

Uncaught TypeError: Cannot call method 'unselectable' of null new (2):265
a new (2):265
(anonymous function) new (2):262
h new (1):20
CKEDITOR.event.CKEDITOR.event.fire new (1):22
CKEDITOR.editor.CKEDITOR.editor.fire new (1):23
CKEDITOR.event.CKEDITOR.event.fireOnce new (1):22
CKEDITOR.editor.CKEDITOR.editor.fireOnce new (1):23
(anonymous function) new (2):203
n new (2):184
CKEDITOR.scriptLoader.load new (2):184
(anonymous function) new (2):202
(anonymous function) new (2):191
(anonymous function) new (2):189
n new (2):184
CKEDITOR.scriptLoader.load new (2):184
CKEDITOR.resourceManager.load new (2):188
g new (2):190
(anonymous function) new (2):191
h new (2):201
(anonymous function) new (2):200
CKEDITOR.lang.load new (2):182
k new (2):199
(anonymous function) new (2):199
a new (2):385
CKEDITOR.skin.loadPart new (2):387
g new (2):199
(anonymous function) new (2):199
h new (1):20
CKEDITOR.event.CKEDITOR.event.fire new (1):22
CKEDITOR.editor.CKEDITOR.editor.fire new (1):23
CKEDITOR.event.CKEDITOR.event.fireOnce new (1):22
CKEDITOR.editor.CKEDITOR.editor.fireOnce new (1):23
d new (2):199
(anonymous function) new (2):196
(anonymous function)

Insert anchor without selecting text: many anchors are generated on each of line. Please see attachment for more details.

In inline editing mode i like to use other jQuery plugins for specified parts of code (image gallery, etc.) on specified element (div class="gallery", etc.). So i like to prevent them from CKEditor editing (by contenteditable=false) but CKEditor process their source code and ruins iQuery plugin's interface.

Reported in ​http://ckeditor.com/forums/CKEditor/CKBuilder-Development-CKEditor-4-Pluginlang-files-not-getting-omitted

languages : {
        'en' : 1,
        'en-au' : 1,
        'en-ca' : 1,
        'en-gb' : 1
    }

should be understood also by the command line tool.

When I type in an email address in CKEditor on IE9, it will automatically create a hyperlink. When I change the email address, it will sometimes update the hyperlink. It has come to my attention that it doesn't always update the hyperlink, though. This has caused problems when users edit an email address before sending. The recipient will see the correct email address, but will get the wrong email address when they click the link.

I've been able to replicate it on about 5% of my attempts. I am most successful when making the change and then hitting submit right away.

This is unrelated to the other issues I've seen. There are other requests to allow us to remove auto hyperlinking via config. I hope that is offered soon as it would be a sufficient workaround for myself.

Its not possible to copy and paste images using iOS (5 or 6)

Using CKeditor Demo: copy/cut the Apollo image, when you paste - nothing is inserted.

In my code,

I set a listener for beforeunload event to prevent user close browser once they do the modification on the form.

ex:

//jQuery 1.9.0
$(window).bind('beforeunload', function(e){
   // do some check ....
   return 'beforeunload';
});	

But IE9 fires beforeunload event while user press ok button in popup-dialog (link, image ...etc), so, it causes the error flow in my code.

Is anyway to avoid it?

Edit:
Native way to reproduce:

window.onbeforeunload = function(){
	return 'beforeunload';
};	

Below causes onbeforeunload only in IE9 and IE10 (mentioned in #10484):

window.attachEvent('onbeforeunload', function() {
	return 'You will lose your content.';
});

Tested ok on Chrome. This issue happens on IE8,9,10. Steps to reproduce:

• type something
• select a text
• right click to open context menu
• click on toolbar icon to insert a link or an anchor
• type url/name... -> OK button not work. Cancel & close button work well.

Greetings of the day,

I am using Ckeditor along with ckfinder. when i upload a video from ckeditor and use the same in ckeditor it and store this to my database and while displaying that content on page, video dos't play. Here is the code which ckeditor genrates.

<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="/artofemergence/app/webroot/files/video/20051210-w50s.flv" /><embed pluginspage="​http://www.macromedia.com/go/getflashplayer" quality="high" src="/artofemergence/app/webroot/files/video/20051210-w50s.flv" type="application/x-shockwave-flash"></embed></object>

Thanks Varun

Hi, I downloaded the full package (4.0.1 and nightly) and tried the demos. they don't work in Google Chrome (24 on Linux), error on Console:

Uncaught TypeError: Cannot read property 'ltr' of undefined ckeditor.js:504

The standard package works.

Thanks, Frank

It's impossible to type in square brackets [ or ] in IE or Chrome. It works on Firefox. I also tried it on your website demo and encountered the same bug. Nothing happens when I type it in. FYI on my keyboard I have to do Alt Car + another button to get ]. And every other combination of button and Alt Car works fine.

I trying to put a plugin named SyntaxHighlighter into ckeditor 4.

This plugin is base on SyntaxHighlighter 3.0.83. ​http://alexgorbatchev.com/SyntaxHighlighter/

It will open a dialog with a textarea for code editing.

After editing, plugin will insert the code warp in a <pre class='blush:{whatever}'> element.

It is fine in normal editor, but in inline editor mode, it add a <br> in each line, and the correct behavior is add '\r\n';

Can you check that and make the same behaviors between the normal mode and the inline mode.

Thank you.

​http://nightly.ckeditor.com/13-01-20-08-51/standard/samples/plugins/enterkey/enterkey.html

Select BR mode.

Situation:

1. Clear all text
2. Write a line of text
3. Select this line
4. Click bold (first line becomes bold)
5. Press enter to make a new line
6. Click bold again to disable it

In 3.6.2 everything works fine, first line is still bold, new text on the new line is not bold.

However in every version after 3.6.3, including 4.x, after last step bold for the first line is removed.

It seems that the 3.6.3 behavior looks more adequate.

		var filter = new CKEDITOR.htmlParser.filter();
		filter.addRules( {
			elementNames: [
				[ 'u', 'b' ],
				[ 's', '' ]
			]
		} );

		var writer = new CKEDITOR.htmlParser.basicWriter(),
			fragment = CKEDITOR.htmlParser.fragment.fromHtml( '<p><sup>A</sup><u>B</u></p>' );
		fragment.writeHtml( writer, filter );
		console.log( writer.getHtml() ); // <p><bp>A</bp><b>B</b></p>

When the expected output is:

<p><sup>A</sup><b>B</b></p>

The same happens for attributesName. IMO this is unexpected behaviour, because string is used as regexp when a true regexp can be passed too.

Improve filter by more accurate tests for special cases.

This request was made based on ​http://dev.ckeditor.com/ticket/9955#comment:6

Would it be possible to add this as a configurable feature? If the link is of type "mailto" and the text is a valid and same email address then update the mailto link to match the email address. This would help prevent the issue where the two don't match.

In short when text of the link is changed mailto and href should be updated when configuration is enabled.

1. Perhaps href should also be taken into consideration.
2. Please note that IE has autolinking feature. If link was made by IE then all chnages in link are reflected in href and mailto attributes. This is only true when you don't switch to source mode. After you do that link is no longer auto updated.

Please also see: ​​http://dev.ckeditor.com/ticket/9955#comment:3

Uncaught [object Object] yuitest.js:2051
Uncaught Error: resume() called without wait(). yuitest.js:4667

Although this test is passing.

Trying to use for example the XmlTemplates plugin throws an error at xml.js:

SCRIPT438: Object doesn't support property or method 'selectSingleNode' plugin.js, line 6 character 588

This type of bug has been fixed in CKFinder.

Calling getData(true) (so it doesn't fire any events) returns 'old' data (the editor data is not updated to what has been entered).

I've checked the code and seen that passing the parameter prevents the 'beforeGetData' event to be fired, which appears to the reason why the data returned is not updated. As 'beforeGetData' is an "Internal Event" (​http://docs.ckeditor.com/#!/api/CKEDITOR.editor-event-beforeGetData) it should be fired event if the getData method is called with true as a parameter.

If I press shift+space bar, it should insert a &nbsp; and it is actually not working : only a regular space is inserted.

nbsp is inserted only after I pressed at least 2 times the space bar (or 2 times shift+space or shift+space + space) and it is inserting one nbsp + one regular space that is no use to make 2 words not being separated.

I can reproduce this bug in :　​http://ckeditor.com/demo

I'm aware this is a browser behaviour to change more than 1 space into a nbsp + regular spaces. But I just want one single nbsp and browsers do accept it with regular textfields (not CKEditor fields).

I'm also aware of this similar issue : "dev.ckeditor.com/ticket/2247" but this is a pretty old issue, concerning a previous version but I don't know if this can be apply to the current version and how...

By now the only solution I found to insert nbsp is to press space bar 2 times and delete the regular space into source code, that is not very user friendly.

THanks for your help.

I'm using CKEditor 3.6.4 with Drupal CKEditor module (7.x-1.9+14-dev) Mac 10.7 - same issue with : Firefox 18 / Safari 5 / Chrome 24

Hello, I have added following toolbar in config.js for inline editing in div with attribute contenteditable="true", but icons for 'Source' is not shown in editor's toolbar in the browser.

config.toolbar = 'myToolbar'; config.toolbar_myToolbar = [ { name: 'styles', items: ['Font', 'FontSize'] }, { name: 'colors', items: ['TextColor', 'BGColor'] }, { name: 'styles', items: Format? }, { name: 'document', items: Source? }, { name: 'editing', items: ['Find', 'SpellChecker'] }, '/', { name: 'basicstyles', items: ['Bold', 'Italic', 'Underline', 'Strike'] }, { name: 'paragraph', items: ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'] }, { name: 'paragraph', items: ['NumberedList', 'BulletedList'] }, { name: 'paragraph', items: ['Outdent', 'Indent'] }, { name: 'links', items: ['Link', 'PasteFromWord', 'Blockquote'] } ];

Is Source icon is valid for inline editing or I need to do some other stuffs?

Currently it's not possible to apply more than one filter to doc fragment. Filter can only be applied when fragment is being written to HTML. That reduces flexibility needed in tickets like #8784 and #9829.

A fake-selection is a "virtual" element selection that happens in the editor. No UI artifacts are rendered for such selection and the current native selection is remove. Still, the CKEditor selection object works properly, having all its properties return values that match the fake-selected element.

• Any kind of element can be fake-selected.
• Fake-selection fires "selectionChange".
• Native selection must be managed so a fake-selection is kept if no other selection actions are taken from the user.
• Fake-selection is dismissed when the user makes any other selection action (e.g. click in the document).
• Fake-selection must be "bookmarkable" just like a normal selection.
• Fake-selection must participate on Undo/Redo just like a normal selection.
• Fake-selection must be restored on editor Blur/Focus just like a normal selection.

This is the same issue as #9797 but in Webkit it can be reproduced from CKEditor 3.6.5 rev. [7624].

To reproduce:

1. Clear editor contents
2. Click on image toolbar button
3. Insert image URL and click OK
4. Align image to the right with align buttons.
5. Click next to image and then on the image.

Notice that align right button is no longer active.

I'm reporting this as separate ticket but maybe they can be fixed with one patch.

Hello, I'm not a JS coder, otherwise, I'd address this without bugging you guys.

Your editor has a LINK and IMAGE button, both requiring an URL.

The user has to either manually type it in or copy/paste IF they can figure it out (many users are NOT web savvy). Some URL can be very long and typing it in may lead to errors. Frustrating!!!

Therefore, is there a way to copy the URL from clipboard into LINK or IMAGE?

References can be see at: REF#1 ​http://www.codetoad.com/javascript_get_selected_text.asp

and REF#2 ​http://www.codelixir.com/zero-clipboard-multi-instance/

The above uses flash via ZeroClipboard.js

I have successfully used it with the CKeditor however it is very unstable; sometimes works; sometimes not. NOT GOOD!

Ideal would be to capture url using REF#1 then URL automatically shows in the URL field in your LINK or IMAGE button.

This script is cross browser friendly. Is there a way to incorporate this into CKeditor?

Kind regards and thanks for the opportunity, Al Toman

Does CKEditor use d'n'd handlers to track changes ? Currently CKEditor looses such changes from undo history.

1. Editor has features like Bold, Italic, Link, Image, Table, Heading 1 format, etc.
2. Some of these features (or rather "their instances", but I'll use the shorter form) may be represented by more than one HTML form. E.g. <strong>, <b> and <span style="font-size:>500"> mean bold.
3. We know most of features' forms and we can prioritize them (e.g. strong, b, span) and we know which form developer prefers if he set allowedContent (#9829).
4. Based on these informations we should unify features' forms in input and output (because of #9909) data.

Extracted from #9829 point 3.

Developers can define this configuration. At that point, plugins, or part of their features, get enabled/disabled based on the configuration.

Allowed content setting should affect which dialog's inputs are displayed.

​http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-removeDialogTabs should affect at least plugins which implements 'advanced' tab.

Transformations and clean up are done by #9829 and #9989. Thus, PFW has to be rewritten so it won't double these core features.

Spec: ​https://gist.github.com/Reinmar/cc012b20bf37be84a523 (WIP)

Issues fixed by new implementation

#14660

This issue is extracted from #9829.

Due to asynchronous nature of styles.js loading it's now impossible to integrate it with filter. This has to be done before data are set in editor, because otherwise all styles allowed by stylescombo are filtered out.

Possible solutions:

• Force loading styles.js together with plugins files.
• Merge it with config.js - is there a reason to keep it separately?

I found this bug using the latest version of Google Chrome on the latest build, here (enterMode = br): ​http://nightly.ckeditor.com/13-01-27-08-51/standard/samples/plugins/enterkey/enterkey.html

Start writing a normal phrase, than select the last word before linebreak and enable bold (or link, em, u) and press enter. Insted of closing the bold, the editor keeps it activated. The problem remains also adding other linebreaks.

This isssue is extraced from #9829.

Make it possible to create feature => allowed content object.

Since Drupal will have something like drag&drop toolbar builder it will need to know which button adds which "allowed content"

steps:

1. open editor and switch to source mode, input the following code:

<textarea><img src='xx.png' /></textarea>

2. switch to wysiwyg mode and then switch to source mode again

expected:

editor code is

<p><textarea>&lt;img src=&#39;xx.png&#39; /&gt;</textarea></p>

actual:

editor code is

<p><textarea>&lt;img data-cke-saved-src=&#39;xx.png&#39; src=&#39;xx.png&#39; /&gt;</textarea></p>

PS:

I know it is better to write escaped html inside textarea, but it is easier for user to write raw html inside textarea and browser does not complain either.

PS2:

In htmldataprocessor it is better to add textarea into protectElementsRegex and put protectElements on the top of the toHtml function, but then ckeditor's htmlparser will fail to parse <textarea><img /></textare>, so i think it needs a change to the htmlparser of ckeditor: allow any content inside tag textarea except </textarea>

CKEDITOR.inline (js) returns null CKEDITOR.instances is empty, Toolbar is absent even on examples at ckeditor.com and examples of nightly build.

Sony experia ST27i Platform Android 4.0.4 Browser internal 4.0.4-9bt3zv

CKEditor version: 3.5.4 Browser: IE8

My config.js

config.enterMode = CKEDITOR.ENTER_BR;

Source; <dl>

<dt>Test1</dt>

<dd>Test1a</dd>

<dt>Test2</dt>

<dd>Test2add>

</dl>

after hitting enter it creates a </br> but I can't get out of </dl> which means if I another form it will go inside <dl></dl>.

If I remove "config.enterMode = CKEDITOR.ENTER_BR;" in my config.js then CKEditor enters automatically &nbps; after hitting enter and I can get out of the tag but I want to avoid this.

Is there any way to fix this?

I was trying to use: config.filebrowserWindowFeatures in new CKE 4.01.

It seems to be not working at all. Tested on leatest Chrome with filemanager and elfinder.

config.filebrowserWindowFeatures = 'resizable=no,scrollbars=no';

I've got scrollbars, I'm able to resize window. Additional, there shoudn't be url (it was remove in CKE3?) but it's still present.

Strike through doesn't work for first time for the below steps:

Way to reproduce:

1) Enter some text and select it. Click strike through
2) Go to next line and click on strike through again to disable it
3) Enter some text again, select it and click strike through
4) Strike out doesn't work for the first time.
5) Again select the text and click strike through. It works

check out the screencast ​http://screencast.com/t/1ZEvYXj9zd

When using CKEditor with ChromeVox (confirmed at least in framed mode), button names are not recognized. See the following screencast:

​http://screencast.com/t/iK369LOczoKa

It looks like ChromeVox is buggy, we're using aria-labelledby to point reader to the label (works with JAWS and VoiceOver).

Note: issue was originally reported for VoiceOver, but the problem has been in fact in ChromeVox.

E.g. <a name=""></a> should be removed when name attribute was filtered out.

Similar case: currently <span> is allowed because plugins like font, colorbutton allow styles which base on span elements. So when pasting e.g. <span lang="pl">, lang is filtered out, but <span> left.

Proposed fix:

There should be a way to mark attrs/style/class as required. Element is marked by this rule as valid (element has to be valid, otherwise it will be filtered out) only if it has this required property.

Possible format:

"a[!href]; span{!color}"

PS. Plugins like font and colorbutton use styles to register content they generate, so by default when passing style to filter#allow() all parts of style should be marked as required.

Hello,

I am using multiple instances of CKEditor for inline editing on many div. I focus the instances which is needed by using the code "CKEDITOR.instanceseditor1?.focus()". Here 'editor1' is the id of the div. Now I need to hide CKEditor toolbar on click of a pluggin.

How to hide the CKEditor toolbar and remove cursor from its container (prevent inline editing on 'editor1' untill CKEditor's intance for this div is not focussed programetically).

Quote from #9829:

We have plugins and extraPlugins settings and in this case we may have extraAllowedContent too. This is the same situation - you don't want to overwrite default config, but just to add few things. Currently it's only possible to do that by calling editorInstance.filter.allow( rules, true ) and that has to be done before data are loaded to the editor, so it's not really a convenient way.