Custom Query

If I correct a spelling mistake inside a CKEditor instance using the native spell checker, the change event is not triggered.

Actually there seems to be the same bug as described in ​http://dev.ckeditor.com/ticket/7452?cversion=0&cnum_hist=2 in the Version CKEditor 4.2.1. The Styles and Format Combobox doesn't inherit the bodyId. So if the custom css file is using an backgroud Image in the Body tag it makes the two comboxes unreadable.

Our usage -

1. Create new instance of CKEditor (editor).
2. On "instanceReady" event, calling editor.setData(data, setDataCallback);
3. In 'setDataCallback' event, calling following functions -

editor.updateElement(); editor.resetDirty(); editor.resetUndo(); editor.focus();

Actual result: editor.resetDirty() function throwing exception - Uanble to get property "innerHTML" of undefined or null reference

In my initial investigation, it looks like the editor 'contentDom' is not fully ready.

I have rich text editor created with webspell checker.

Now how do i make sure that 'check spelling' is by default enabled.

spell checking should be by default enabled here.

What is that i should do in javascript files? I am using standard CKeditor library files which includes ckeditor.js

I found below this.changeAttr("spellcheck",!a.config.disableNativeSpellChecker);

CKEDITOR.config.disableNativeSpellChecker=!0;

I consider this a bug, but maybe it is as designed?

I find that if I create a "large" div, that the boundaries are sometimes displayed outside the editor area... they are not properly clipped. For example, in the attached screen shot, I have set up a "large" div to set a background color.

CKSource ticket ​http://dev.ckeditor.com/ticket/10633 covers the use case where users change the direction of content within a dialog and it is then inserted into the editor with the specified direction.

This should be available for all dialogs and not just paste one. Example with standard CKEditor dialog - table dialog and caption field in it:

1. Open the Insert Table dialog
2. Enter some text in the Caption field e.g. hello world!!!
3. Switch direction of the field using bidi shortcuts e.g. Shift+Ctrl+X in FF so that the Caption field now displays !!!hello world
4. Click OK

Problem: The Caption gets inserted into the editor as hello world!!! rather than !!!hello world

Dialogs should also preserve the direction displayed in the editor. For example, using the table inserted in the above scenario,

1. Select the caption text in the editor and click the 'Text Direction right to left' toolbar button. This will display

!!!hello world in the editor.

2. Then right click on the table and select 'Table Properties'.

Problem: The Caption field displays hello world!!! rather than !!!hello world.

Following the same reasoning as in ticket ​http://dev.ckeditor.com/ticket/10633 the suggestion is to see this ticket as new feature request. My team will suggest a sample patch for it.

For my content widths being percentages is very important. When you copy a table with a width like 100% and the paste the same table in CKE, the width is replaced with a pixel value, which breaks layouts.

1. Go to ckeditor.com/demo in Chrome (Opera not tested)
2. Clear editor and add a table with a 100% width
3. Click the table in elementspath to select it
4. Move cursor to new paragraph
5. Hit Ctrl-v or click paste from word to paste the table
6. Check the table width, it is no longer fluid but horrid static pixels

Works fine in IE9

Right now we have 3 translations @ Transifex: zh, zh_CN and zh_TW.

We should keep only simplified and traditional, which means one of them should be removed.

1. Select text with inline widget (widgets).
2. Press list button.

Result: Far too many list element than expected.

Tested with Chrome and FF.

It may be related with #10845.

1. Open IE11.
2. Open replacebyclass.html example.
3. Press new page button.
4. Insert table.

Result:

• it is really hard to put content into cell,
• cursor in cells with no content is in wrong place,
• it is not possible to navigate between cells using arrows.

Suggested solution: put some whitespaces ( ) in table cells.

Added additional items in 'Paragraph Format' dropdown using config.js. Few of them are working and few are not working.

Following doesn't work.

    config.format_small = { element: 'small', name: 'Small' };
    config.format_blockquote = { element: 'blockquote', name: 'Blockquote' };

Following works.

    config.format_pre = { element: 'pre', name: 'Code Format' };

Working sample: ​http://jsfiddle.net/nachiket/44hSH/ (Point 2)

Tested on: Mac OS X 10.7+ and latest Chrome (29+)

Hi, on a fresh intall of drupal 7.21 i have installed ckeditor module doenloaded from here:

​http://cksource.com/ckeditor-for-drupal/download

When i add a new content on drupal and try to insert for axample an image. When i click ok in the appeared popup it not closing.

If i try to add an url to image, it disappear.

When i try to close with X an error message appear and say something like "The changes are not applied"

Hello guys,

I have the problem, that the CKEditor is adding a <p> </p> around my section-items of my xml.

here: my webpage: <?xml version="1.0" encoding="UTF-8"?> <MyCoReWebPage>

<section xml:lang="all">

--NORMAL HTML-CONENT--

</section> </MyCoReWebPage>

when i edit some of the content the CKEditor adds a p-Tag around my html-Content and my web software can't handle that.

How can I provide adding a p-Tag inner a section?

Hi,

I am having a issue from my client to format the bullets in ckeditor like :- Size & color etc. I have googled it but not found any help Please help me out from this.

Working on a 4.3-based system using widgets, I recently started looking into the performances of starting the editor to see if it'd be possible to speed it up.

In my "test case" (a page of the system), CKEDITOR.inline is called on a page section holding 1300 nodes, including 46 would-be widget.

Looking at the Chrome timeline (frames section), I noticed that within CKEDITOR's "readiness" handler (a timer in scriptloader), there's a significant sequence of layout recomputations which Chrome marks with a warning (it's a whole-document synchronous operation).

The issue here is that positionDragHandler accesses offsetTop and offsetLeft which requires a valid layout, but the setup of each widget invalidates the layout by setting a bunch classes & attributes on it. Which means the layout must be entirely recomputed during each positionDragHandler, aka once per widget.

Coalescing the calls (by setting up a timeout, adding widgets to a queue then running the actual positionDragHandler on all widgets at once) saves about 100ms between the call to CKEDITOR.inline and the triggering of instanceReady (~1400ms -> ~1300ms) on a 15" 2010 MBP, under Chrome 29. It also makes the timeline significantly cleaner.

Is there or could there be an option to not setup draghandlers on widgets? We don't need them in our system, we're currently hiding them in CSS, but still paying the setup cost (for my demo page holding 46 widgets, that's about 150ms: removing setupDragHandler and positionDragHandler lowers the editor initialization time from ~1400ms to ~1250ms)

Ckeditor inline is broken when you try add it to an element with an iframe. Here are the issues associated:

• When I scroll the iframe the toolbars do not scroll with it.
• It does not take into account the iframe offset in the parent window

Fields like hasCaption and alignment should have requiredContent defined.

Hi Team,

I am trying to copy some data from MS-Word to CKEditor but it's not giving original MS-Word format. CKEditor removing some tags like MSONormal.Because of this format is disturbing. I want same as it as what is there in MS-Word.

I already configured below tags but still it's not giving proper format config.pasteFromWordRemoveFontStyles = false; config.pasteFromWordRemoveStyles = false;

I attached sample MS-Word Document for reference.

My DLL details as below File Name : CKEditor for ASP.NET Version : 3.6.4.0

Please suggest me what to do.

Regards, Rama

Having "enterMode: CKEDITOR.ENTER_BR" in config:

1. Insert link with "Link" button
2. Place cursor at the end (with [end] button, right arrow etc.)
3. Press Enter
4. Continue typing text

Expected result: text without link Actual result: text belongs to link

since: 4.3 until major

I had some issue while writing tests for widget-based mockup. If there are 2 test which uses editorBot.setData() and both times they get the same html as a input, in second execution exception is thrown from command created for my widget.

Exception content: Uncaught TypeError: Cannot read property 'enabled' of undefined in command.js file.

I've simply pushed testcase to t/11009 branch.

When the ckeditor is surrounded by a frame, the dropdowns like font-size or font-color are not working in IE7.

I have been able to reproduce this error with the attached file using your demo.

I recently used ckeditor in my site and its does not support "background : url(images/imagename.png)" . It picks up the other css applied in the style tag but doest not takes the background image url specified. I have also tried an alternaive by specifing the image in the background attribute but still does not take that image. Please find an alternative as this and reply.

version: 3.6.6.1 html source: <input p="name=x" type="text" /> then set mode to wysiwyg and back to source, the text input element changed unexpected to: <input p=" data-cke-saved-name=x name=x" type="text" />

Hey,

I use Windows 8.1 with Internet Explorer 11 (final). If I insert a image, the new window open and I can select or upload an image. After that, I can't close the window.

The same problem: I insert a link. I can't after fill the inputs not close the window.

So: I can't use the ckeditor... :(

Please help, it's important!

I can not see what Textstyle and Textsize has an old existing Text in the Editor.

When i mark the Text i can not see what Style and Size the old Text has. Example i must put in a new Text from another page so it has the wrong Textstyle and wrong Textsize. I had to change it to the old Text in the Editor. But i dont know the old Style and Size not. Where can i see the Textstyle and Textsize of an Text? I must change the new Text to the old Style and Size..

Thanks for your answer.

Klaus Michelbach Globalwide UG Germany

Ran across a strange bug today. Basically, when attaching a link containing Emoji characters to an image via the 'image properties' dialog, things don't appear to get properly encoded, which is causing some downstream issues for me.

Steps to reproduce (within the CKEditor demo):

• insert a new image into the CKEditor field via the 'image properties' dialog
• within the dialog, attach a link containing emoji characters (ex: ​https://flipboard.com/section/%F0%9F%8E%A7beats'n'the-bloodstream%F0%9F%8E%A7-b2eF8i)
• click 'ok'
• click 'source' and note that things aren't escaped as expected.

Note: I've found a workaround. Insert an image as described above, but instead of using the 'link' tab on the image properties dialog, hit 'ok' and insert a link using the link dialog. This appears to work as expected:

Original:

<a href="https://flipboard.com/section/🎧beats'n'the-bloodstream🎧-b2eF8i"><img alt="" src="http://b.cksource.com/a/1/img/sample.jpg" style="height:200px; width:160px" /></a>

Workaround:

<a href="https://flipboard.com/section/%F0%9F%8E%A7beats'n'the-bloodstream%F0%9F%8E%A7-b2eF8i"><img alt="" src="http://b.cksource.com/a/1/img/sample.jpg" style="height:200px; width:160px" /></a>

Hello guys,

This it seems really to be a bug, cause I have downloaded 2 version of CKEditor the slow maximzed version and the fast minified.

With the maximized version my config works and the dataProcessor is switched of, with the minfied version the dataProcessor is still manipulating my input-data

in attach the 2 versions and my config.js

Idk if its a bug in the minify-tool or if the minified version is so fast, that it loads the config to slow...

There are many ways how unwanted nobreak spaces are created, eg. by typing 2 spaces and then deleting the regular space (50/50 chance), or after removing a word from a sentence, you get 2 connected spaces, of which one will be a no break space.

This can quickly lead to text, that does not fit the container anymore.

In in FCK Editor Version 2.6.4.1 Build 23187 there was a fix for that (deleting one of 2 neighbouring spaces will always remove the entity), see ​http://ckeditor.com/comment/128598#comment-128598

Re-implementing the old behaviour, would not solve all issues of that kind, but be a big help already.

Besides re-implementing the old behaviour, i'd suggest a filter, that replaces all nbsp's with a element, that shows the presence of the nbsp with a visible placeholder. Not sure if such a thing would be possible.

One could argue this is not a bug but normal browser behaviour, and therefore should be a feature request at best. But since the behaviour is not what most users (content editors) will expect, i strongly think this IS a BUG.

Related to: #9929.

If you try the demo with a non-EN browser setting, the H1 Name will be translated, eg. in German Überschrift 1. But the Format combo box width seems hardcoded, so it shows only Übersch... and you have to open the combo, to see what format is used under the cursor. (Yes, you can see H1 in the status bar below, but still...)

if i remove width=60px for the .cke_combo_text class in editor.css, the combobox adjusts it's width automatically. This makes the buttons jump around depending on the string-length in the format combo, but the styles-combo has the same behaviour on my CKEditor 4.1 (revision 80c139aa). In the Demo (currently CKEditor 4.2.2 (Standard) (revision f98db6d)), the styles-combo has also a hardcoded width...

Follow up for #10822.

Umbrella ticket for issues like:

• List commands sometimes clone contents, so references are lost and widgets are destroyed.
• Block with only non-editable content are not turned into list items.
• Blocks with only non-editable content are not idented.
• Indent on fake selection (e.g. mathjax) throws an error.
• List command on fake selection throw an error.
• Blockquote does not work with non-editable elements.
• Indent stops on first non-editable element.
• Perhaps more...

Editing works, but some toolbar functionality broken. It seems selected text get's deselected when clicking the toolbar and cursor ends up at the beginning of edited document.

Confirmed on ckeditor.com demos

Editing works, but trying to set text color from toolbar deselects selection and resets cursor to document start.

confirmed on ckeditor.com demos

I have just found one such plugin but there might be others.

1. Go to ​http://ckeditor.com/builder
2. Select full package and download it.
3. Open build-config.js

Problem: Plugin iframedialog is not listed in build-config.js and it is not possible to call it with extraPlugins option although builder page pre-set states that it is included in the package.

Could it be that old not updated build-config.js is used to build packages?

Go to ​http://ckeditor.com/demo

Delete everything in the editor. Hit "ctrl+b", and hit "a", hit "ctrl+b", and hit "a", hit "ctrl+b", and hit "a". Keep doing this for 10-15secs, and you'll see auto spell check will remove the bold automatically.

Sometimes it'll remove the cursor to the beginning of the word.

Steps to reproduce:

1. Open www.ckeditor.com/demo in IE
2. Enable SCAYT
3. Write 3-4 paragraphs
4. Try to undo the text

Undo does not work properly and unable to undo all text inserted (undo just blocks).

Problem can be reproduced in IE8-10 from CKEditor 3.6.2 rev. [].

Please also have a look at attached screen cast.

The indent is not tally when display at website.

Attachment 1: Indent create from CKEditor. Attachment 2: Indent display at website is different from what i create from CKEditor.

1. Open context menu. It disappears.
2. Open it again, it stays.

1. Open submenu in context menu for e.g. table. It disappears.
2. Open it again, it stays.

Changes made in ticket #10856 make it possible to see what language is applied on the toolbar language menu for a given selection. However there is no way for screen reader users to know what language is selected on this menu.

To Reproduce:

• Open a CKEditor 4.3 sample with JAWS enabled.
• Type some text and select it.
• Apply a language to this selection using the new language menu on the toolbar e.g. French
• Keep the cursor within the same selection and open the language menu again.

Problem: There is a visible indication that French is the selected language. However there is no way for JAWS to convey this information to visibly impaired users.

Hello,

If I switch to the source code view, alle button in the toolbar are disabled. It would be better, if I can use the button in source code view to. Maybe I will correct them in bb code modus ans switch to source code. Now I correct it and will insert a new bb code tag. Now I mus write it and can't click on the button directly.

Can you implement this little feature, please?

THANKS!

I used the CKBuilder to generate a customised editor. Omitting the image plugin, but choosing many other ones caused an error of the following line:

imagebutton:{label:a.image.titleButton,command:"imagebutton",group:"imagebutton"}

removing this line fixed the problem i may have to alter more lines to protect related functionailty

On Windows 8.1 using IE11, I create a table inside another table.
When I rightclick "Row" -> "Add before" inside the child table, the row is added to the parent table.

In the full CKEditor demo, paste the code from the attachment as HTML. Right click on "test123" and add a row. You will notice the row is added to the wrong table.

When inserting the following code to the source mode

<style type=text/css"></style>

than switching to the WYSIWYG mode and back to source mode the editor generates following code:

<style type="text/css&quot;"></p></body></html>
</style>

This leads to invalid HTML.

When inserting other HTML tags, e.g. a H2 with missing quote, the editor validates this and adds the missing quote. We would expect the same behaviour here.

since: 4.3 until major

This bug does not occur constantly. What i have seen it can be reproduced if you will execute copy "rapidly".

1. open any sample with CKEditor image2 plugin (i.e. plugins/image2/samples/image2.html)
2. click on image to focus widget
3. ctrl+c (copy widget)
4. move caret somewhere else
5. ctrl-v (paste widget)

If bug occured only text (or part) of caption will be copied. There might also line break be copied.

since: 4.3 until major

1. open any sample with CKEditor image2 plugin (i.e. samples/image2.html)
2. click on image to focus widget
3. ctrl+c (copy widget)
4. move caret somewhere else
5. ctrl-v (paste widget)
6. ctl-z (undo)

Expected result:
Pasted widget should be reverted.

Current result:
Throws an exception: 'blur' is null or not an object focusmanager.js, line 221 character 4

additional info:

1. While reproducing this issue you may face ​#11050 bug
2. Note, line number may differ, i've checked it at ​git:3c40e20dd2dc0f2c8d02

Hello ladies and gentlemen,

I wanna implement the possibility to totally disable all filters, transformers and modules, which manipulate / transform the input data, before its loaded in the WYSIWYG-Editor.

Therefore i already wrote my own little data-processor, but my input-data is still getting messed up.

Can you tell where I need to make changes to disable all other filters, transformers and parsers, so that my input data will be sent 1:1 into the WYSIWYG-Editor's-source view (logically the normal user doesn't want to see from the beginning the source).

It would be very nice if you could help me to solve my problem.

Regards Sebastian Röher

SCAYT causes the entire document to be highlighted from the beginning up to the point of the cursor when I highlight text, paste some text and then press CTRL+Z or the undo toolbar option when highlighting from the start of a line.

Browser: FF 24.0

OS: Win 7

Reproducible location: Demo site and nightly build

I also tested with IE9.0.8112.16421(Undo doesn't work so I can't test, reproducible on the demo site) and Chrome 30.0.1599.101 m (Worked fine).

Steps to reproduce:

1. Go to the demo site
2. Enable SCAYT (No spelling mistakes required)
3. Delete the content currently there, for whatever reason I can't reproduce with the default text
4. I type or paste in a few lines of text like so:

Hi there how are you

Hi there how are you

Hi there how are you

Hi there how are you

5. I then highlight part of the line beginning at the start of the line.
6. Paste some content
7. Press CTRL+Z
8. Notice it will now highlight the entire document up to the cursor

If you use the "Copy from Word" function to copy the attached file contents it will convert the arrow into a registered trademark symbol. It needs to remain an arrow.

(text from document pasted below - please use the attached Word file as the actual source)

HNO3 + NaOH  NaNO3 + H2O

This is based on #11053.

Steps to reproduce:

1. Go to the demo site
2. Enable SCAYT (No spelling mistakes required)
3. Delete the content currently there, for whatever reason I can't reproduce with the default text
4. I type or paste in a few lines of text like so:

Hi there how are you

Hi there how are you

Hi there how are you

Hi there how are you

5. I then highlight part of the line beginning at the start of the line.
6. Paste some content
7. Press CTRL+Z or UNDO

Result: It doesn't work.

Problem can be reproduced from CKEditor 4.2.1 in all versions of IE

​http://ckeditor4.t/tt/10212/1.html

Fails on IE9 and IE8. Haven't checked IE10. Passes on IE11.

Caused by changes made in #10828.

1. Insert 3x3 table.
2. Fill in all cells with data.
3. Go to middle (2x2 cell) and select from context menu "Insert Row Before".
4. Fill in all new cells with data.
5. Select all 3 cells with mouse and then select from context menu "Merge Cells".
6. You will get one row.
7. Right click on this new row and select "Row -> Delete Rows"

Result: in IE8 only error 800a025e is thrown.

Messgae: Error 800a025e
Line: 1542
URI: core/selection.js

Problem can be reproduced in IE8 from CKE 4.2.2.

Hi there,

I have a user who cannot paste formatted content into a CKEditor 4 instance. It strips all tables and formatting from the paste. He's tried on Windows 8.1 on IE 11 and Windows 7 on IE 10 and Chrome.

I have been able to test on Windows 7 on IE 10, Chrome and FireFox and it works fine for me.

Is this a bug or could there perhaps be a security issue on his computer that disables formatted text to be pasted into a browser?

I've attached a screenshot of what his paste looks like and what my paste looks like.

Any ideas on what the issue might be?

It looks horrible.

Based on: ​http://ckeditor.com/forums/Support/Widgets-break-when-muliple-inline-editor-instances-on-one-page

Drag handler and widget mask requires very precise styles applied to them. Currently, since we don't use any CSS reset for them, it's very probable that page's styles will break them.

Even if you set the config to allow DL DT DD structures in the source,

CKEDITOR.config.allowedContent = true

There is no WYSIWYG editing- support. (you can't switch between DT and DD, add a DT after finishing a DD, etc.)

But here ​http://ckeditor.com/comment/127247#comment-127247 sebstefanov states "it's been added a while ago", but it's not clear WHAT...

And here ​http://dev.ckeditor.com/ticket/10732#comment:1 Reinmar says, "There's no support" for it, but a ticket. Could not find this ticket...

So, what has been added so far? Functionality and/or a ticket?

The English language file of image2 is pretty dirty, containing comments which I think are temporary.

We should process that file, having translations coming from "image" and then clean out these comments.

Hello,

my company is considering using CKEditor in one of the solutions we are developing for our sales team. This solution will allow the sales team to create marketing materials for their sales calls. As the Business Analyst for this solution I have two questions:

1. Can I create large documents (size 8 MB) in CKEditor? Many of the marketing materials our sales team will create will have high resolution images that contribute to a large file size.

2. Images. Will CKEditor be able to work with large images if inserted inline? For example, I might need an image to cover the whole page. Therefore, the image will need to be high resolution and will be large in size.

Please see attached one of the images we will need to use.

Thank you for your feedback. Your prompt response is much appreciated as I research the best editor to integrate with our application.

Thank you,

Vivian Jardim Business Analyst at HNI Corportaion.

The email design and alignment and line space look different on their HTML email editor preview screen and the actual email they receive. I am attaching the screen shots of an example.

Tested in FF24 on

​http://nightly.ckeditor.com/13-11-03-07-05/full/samples/inlinetextarea.html

when selected few cells in one row and selected merge cells some JS exception is logged on console.

Same works OK in Chrome, not tested anywhere else.

Bug found from 4.0.1 (older not tested) to 4.3 beta.

Here's a jsfiddle to reproduce the issue: ​http://jsfiddle.net/paulftw/H2szq/

Sometimes (more often than not) when I click in the middle of the editor window cursor does not start blinking. If I type at least one character - it shows up and works as expected.

I can reproduce it reliably under Chrome 30 + windows7. Firefox and IE9 work as expected

checked at major

I've reproduced issue on IE8 and IE10.
IE9 and IE11 are not affected by this bug though.

1. open placeholder plugin sample (/plugins/placeholder/samples/placeholder.html)
2. drag placeholder to other place using handler in top left corner

Expected result:
Placeholder should be moved

Current result:
Following exception is thrown:

SCRIPT16389: Unspecified error. 
plugin.js, line 1635 character 4

To reproduce the defect:

1. Open any CK Sample, keep cursor in editor body.

2. Press Alt + F10 to navigate in to toolbar.

3. Navigate to Spell Check As You Type button menu.

4. Press Down Arrow key.

Expected Result: Pressing Down Arrow will open drop-down menu and move focus into the menu and onto the first menu item. Actual Result: Focus moves to next button in the toolbar. This is a violation of Accessibility Checkpoint 2.1a & 4.1b

Look at the following link for wai-aria authoring practices for button menu & keyboard interactions for button menu ​http://www.w3.org/TR/wai-aria-practices/#menubutton

checked at major

1. open any CKEditor sample (i.e. /samples/replacebyclass.html)
2. focus the editor
3. hit ctrl+end (to place caret at the very end of document)

-- already you can not see the caret --

4. type sth

-- caret is still not visible --

1. Open image2 sample.
2. Resize image using resize handler.
3. Undo once - nothing happens. Undo second time - image is resized back to its original size.

Due to frequent crashes on IE8 it is important that developers know that MathJax won't work on IE8.

1. In JS sample we add "CreatePlaceholder" button to the toolbar, but it's called "Placeholder" now.
2. We should discuss whether button name change is acceptable. It will disappear from peoples' toolbars, so if we accept this change, it should be mentioned in changelog and release note.
3. Placeholder sample shows only placeholder and no other CKE's features, so it does not work well as a showcase of the feature. I would add at least undo, redo, format and italic buttons.

We added them for CKE4.3 beta. Now we need to remove them.

For a better world.

1. Focus widget.
2. Press "copy" button in toolbar and allow clipboard access.
3. Try to paste - nothing get pasted.

PS. There's also an error thrown, but because this is pasted:

<div style="display: none;" data-cke-temp="1" data-cke-hidden-sel="1"> </div>

And since it's rather impossible to really copy element with display:none, I think that we can ignore this error.

1. Open image2 sample.
2. Focus widget.
3. Apply list or div.
4. List or div is created inside widget wrapper.

Hi there,

I have a simple script that opens a modal window and loads HTML using AJAX. When the modal box is closed, I send a command to destroy the editor. This is so when a new modal box is opened again, the editor can be created fresh.

Here's the code.

<textarea name="editor"></textarea>

<script type="text/javascript">
CKEDITOR.replace('editor', {
	toolbar: 'Basic',
	customConfig : 'config.js',
	height : '500',
	width : '100%'
});
$(document).bind('afterClose.facebox', function() {
	if (CKEDITOR.instances['editor'])
		CKEDITOR.instances['editor'].destroy(true);
});
</script>

This works perfectly on Safari, FireFox and Chrome. But Internet Explorer is having issues when SCYAT is enabled by default in the config.js file.

config.scayt_autoStartup = true;

The editor loads ok but is unresponsive. I have to click the 'Bold' button just to get the cursor to become active within the window which is unreliable. I have tested in IE10 and IE11.

Here is a sample with scayt_autoStartup enabled. Try opening the modal box, typing text, closing it and then repeating the process.

​http://devsyndicate.com/ckeditor/index.php

Here is a sample with scayt_autoStartup disabled. Try the same process as above and you'll notice it works every time.

​http://devsyndicate.com/ckeditor/index2.php

Is this a bug or is there something I should be doing differently? I like having SCYAT enabled by default so that spelling mistakes are picked up as you type.

There is a problem with MathJax in IE8.

I think that we should replace MathJax with placeholder there.

We disabled it due to serious issues in #11074. We can try to re enable it using a little bit different approach. Instead of overwriting dragged content, we can let IE drop the image drag handler and replace it with the dragged widget.

Related ticket: #11158.

since: 4.3 until major

Issue does not occur with placeholder plugin. Couldn't test if it occurs with matjax or not.

1. open sample with image2 plugin ( i.e. /plugins/image2/samples/image2.html )
2. copy one of widgets
3. paste
4. press ctrl+z (undo)

Expected result:
Widget should be removed.

Current result:
Exception is being thrown:

'blur' is null or not an object  focusmanager.js, line 221 character 4

additional info:

1. I was able to reproduce it somehow when i was playing with widgets using keyboard only, however i couldn't write tc for it so far. But it was exactly the same exception.

since: 4.3 until major

We should change widget focus policy after pasting. CKEditor should focus widget itself after paste, rather than any of its editables.

1. open image2 plugin sample (i.e. /plugins/image2/samples/image2.html)
2. select captioned image
3. ctrl+c (copy)
4. move caret to some other place
5. ctrl+v (paste)

Expected result:
Pasted widget should be focused (blue border around the widget should visible)

Current result:
(Collapsed) caret is placed at the very end of caption (widgets editable).

select a word inside a inline editor instance, you can't apply the "Marker" yellow highlighting style. I am using also the "Sharedspace" plugin, but probably isn't working the same without it.

I have Ck Editor 4.2.2 implemented, created a instance for framed text area but whenever I want to add an image using the "media Image" plugin into the CK editor content area I get the following Error.

Uncaught The editor instance "email_template_custom_text[value]" is already attached to the provided element.

Can you please help me since I am not getting any help regarding this.

When you download a build of CKEditor, the build-config.js file contains an extra trailing comma in the languages section. For example mine says:

	languages : {
		'en' : 1,
	}

This isn't fatal or anything, just untidy.

A very small error in samples/divreplace.html:

border: solid 2px Transparent;

'Transparent' should be all lower case.

• open browser (tested with Chrome and FF),
• open samples/inlineall.html,
• open console,
• scroll to the bottom,
• double click on 'floating' to select word,
• press backspace twice

You will the this error:

Uncaught TypeError: Object #<Object> has no method 'is' editable.js:569

The first bad commit:

commit ddb9e14ae510289cab96bd012f7f886af5d2e5ef (version 4.2.3)
Author: Niklas Lampén <niklas.lampen@aava.eu>
Date:   Mon Oct 14 09:06:24 2013 +0300

To reproduce:

• Remove margin: 20px; from the body styles in contents.css
• Open the autogrow sample in IE.
• Paste the table in the attached file into the source view of the editor.
• Switch back to wysiwyg mode and type content into one of the table cells.

Problem: There is a delay entering the typed characters into the editor.

This delay does not happen if you resize the table to be wider than the editor (i.e. introduce a horizontal scroll bar) or if you remove the empty paragraph from the end of the editor contents.

This is reproducible in IE8, IE9 and IE10

Follow up for #10933.

1. Open image2 sample.
2. Drag widget.
3. Undo - selection is lost or placed at the end of editable.

It concerns both - block and inline widgets.

Seems that the following characters aren't being encoded in CKEditor properly as the don't show any encoding via the source view of the editor (inserted via the insert special characters button):

Ŵ Ŷ ŵ ŷ ‛ ►

Found during testing of CKEditor 3.6.6.1.

How to reproduce:

Use full featured editor or any editor with font-size ctrl.

• Change font-size to 72
• Type something I.E "Test"
• Change font size to 12
• Press the "return" key to create a new paragraph.
• Type something I.E "Test 2"

As you may notice, the line spacing is now incorrect. The space between "Test" and "Test 2" is to big. This is because CKEditor wraps the second row around another span. This behavior is incorrect.

CKEditor produces:

Expected result (OSX TextEdit):

I'm using the ​strinsert plugin to inject HTML snippets into my editor. It works fine for plain-text content, but fails for HTML (and some other markup) content because it doesn't escape it. I traced this to the add function of the richcombo element:

add: function(a, b, c) {
    this._.items[a] = c || a;
    this._.list.add(a, b, c)
},

The problem here is that a can contain a string which breaks the HTML. Here's a minimal plugin that demonstrates the problem:

CKEDITOR.plugins.add('mytags',
{
    requires : ['richcombo'],
    init : function( editor )
    {
        editor.ui.addRichCombo('mytags',
        {
            label: 'My tags',
            title: 'My tags',
            voiceLabel: 'My tags',
            className: 'cke_format',
            multiSelect:false,
            panel:
            {
                css: [ editor.config.contentsCss, CKEDITOR.skin.getPath('editor') ],
                voiceLabel: editor.lang.panelVoiceLabel
            },
        
            init: function()
            {
                this.add('<span class="test">test</span>', 'Test', 'Test');
                this.add('"test2"', 'Test2', 'Test2');
                this.add('test3', 'Test3', 'Test3');
           },
            onClick: function( value )
            {
                editor.focus();
                editor.fire( 'saveSnapshot' );
                editor.insertText(value);
                editor.fire( 'saveSnapshot' );
            }
        });
    }
});

The onClick handler can be ignored as the problem arises before it is used; whether you use insertText or insertHTML makes no difference.

The first item in the menu contains

test')" onclick="CKEDITOR.tools.callFunction(215,'…

instead of the expected Test, and selecting the malformed menu item this creates results in a Syntax error: Unexpected EOF on the console. The second item appears correctly in the menu, but clicking it results in the same syntax error. It appears to be the double quotes that are causing it problems; Removing the double quotes works fine, as demonstrated by the third item.

I can't think of any circumstance where you would want this behaviour; there needs to be some form of escaping in the add function to prevent this from happening. This may also apply to other components which add items in a similar way.

Since this breaks out of escaping, it might also represent an opportunity for XSS injection.

This will throw an error:

new CKEDITOR.template( '{foo},\n {bar}' ).output( { foo: 1, bar: 2 } );

Related: #11216.

grep -R "LICENSE.html" core/* plugins/* samples/*
plugins/image2/samples/image2.html:For licensing, see LICENSE.html or http://ckeditor.com/license
plugins/image2/dialogs/image2.js: * For licensing, see LICENSE.html or http://ckeditor.com/license
plugins/image2/dev/image2.html:For licensing, see LICENSE.html or http://ckeditor.com/license
plugins/image2/plugin.js: * For licensing, see LICENSE.html or http://ckeditor.com/license
plugins/lineutils/dev/magicfinger.html:For licensing, see LICENSE.html or http://ckeditor.com/license
plugins/lineutils/dev/dnd.html:For licensing, see LICENSE.html or http://ckeditor.com/license
plugins/lineutils/plugin.js: * For licensing, see LICENSE.html or http://ckeditor.com/license
plugins/mathjax/samples/mathjax.html:For licensing, see LICENSE.html or http://ckeditor.com/license
plugins/mathjax/dev/mathjax.html:For licensing, see LICENSE.html or http://ckeditor.com/license

since: 4.3 until major

If you will scroll your content all the way down, blur editor, and click directly to widget (to focus it) - editor scrollbar will jump to topmost position. It happens regardless of widget type.

1. open image2 sample
2. scroll editor to its very bottom
3. blur editor (i.e. click on sample title)
4. click directly on any image widget

Expected result:
Clicked widget should simply be focused.

Current result:
Scrollbar is moved to top, in addition to that widget is not being focused, because caret goes to begining of the document.

OS: Debian 7.1 Wheezy (updated) Browser: Chromium Version 30.0.1599.101 Debian jessie/sid (227552) Test case page: ​http://ckeditor.com/ckeditor_4.3_beta/samples/jquery.html

I'm clicking inside editable area, and then i receive the following error in Chrome console on every time when I click:

Uncaught TypeError: Cannot read property 'type' of undefined

Screenshot: ​http://minus.com/lbowKEekBEBOH9

position:absolute does not create a freely dragable widget. Tested with following widget mockup: <div id="endbossWidget" class="endbossWidget" style="width:100px;height:100px;left:100px;top:100px;position:absolute;"> </div>

Image2: iframes/flashes are converted into image2 widgets when pasted

since: 4.3 until major

It seems that currently enabling image2 plugin will convert iframes/flashes into its widget.

1. open image2 sample (/samples/plugins/image2/image2.html)
2. switch to source mode
3. input following code

   <p>n t<iframe frameborder="0" scrolling="no" src="www.wikipedia.org"></iframe>e d</p>
   

4. switch back to wysiwyg mode
5. ctrl+a (select all)
6. ctrl+c (copy)
7. move cursor at the end of content
8. ctrl+p (paste)

Expected result:
Pasted content should contain iframe. Produced source code:

<p>n t<iframe frameborder="0" scrolling="no" src="www.wikipedia.org"></iframe>e dn t<iframe frameborder="0" scrolling="no" src="www.wikipedia.org"></iframe>e d</p>

Current result:
Pasted content contain image2 instead of an iframe. Code with image:

<p>n t<iframe frameborder="0" scrolling="no" src="www.wikipedia.org"></iframe>e dn t<img alt="IFrame" src="http://presets.ckeditor.dev/4.3/full-all/ckeditor/plugins/fakeobjects/images/spacer.gif?t=DA89" title="IFrame" />e d</p>

additional info:

1. issue does not occur for other widget-based plugins like mathjax, placeholder
2. issue seems to be cross browser

1. samples/plugins/image2/image2.html (can be mathjax, doesn't matter)
2. Focus some widget.
3. In elements path click 'body'.
4. Uncaught IndexSizeError: Index or size was negative, or greater than the allowed value.

Both Chrome and FF. Possibly some other browsers.

Using IE11 (final on Windows7) on ​http://ckeditor.com/ckeditor_4.3_beta/samples/replacebyclass.html

When selecting a text and rightclick for contextmenu the selection is gone and the cursor jumps to the beginning of the text.

IE11 in compatibility mode is doing fine!

As reported in the forums: ​http://ckeditor.com/forums/CKEditor/Problem-with-icons-showing-up-in-Firefox-using-thickbox

Displaying a CKeditor instance inside an iframe which is initially set to "display:none" incorrectly triggers the HC detection, and none of the toolbar icons show up.

This seems to be related to Firefox bug 548397 - "window.getComputedStyle() returns null inside an iframe with display: none". ​https://bugzilla.mozilla.org/show_bug.cgi?id=548397

Looking at _bootstrap.js, line 24, the problem is obvious:

CKEDITOR.env.hc = hcDetect.getComputedStyle( 'border-top-color' ) == hcDetect.getComputedStyle( 'border-right-color' );

Since getComputedStyle is returning null, this test is setting env.hc to true.

See: video.

In current major

We have a regress after ​git:0c426c592ce.

1. open ​div-based sample
2. click on very first headline inside editor
3. elementspath will contain extra items from outside of editable div (extra body form div div div)

Expected result:
Elementspath should show: div p

Current result:
Current elementspath displays: body form div div div div p

To reproduce the defect:

1. Open any CK Sample, keep cursor in editor body.

2. Press Alt + F10 to navigate in to toolbar.

3. Navigate to Spell Check As You Type button menu.

4. Press Enter to open the menu.

5. Keep Pressing Down Arrow key until you reach Check Spelling Option

6. Press Down arrow key one more time

Expected Result: Pressing Down Arrow key will cycle through the menu & focus moves to first option in the menu(which is Enable SCAYT)

Actual Result: Nothing happens & focus stays on last option in the menu. This is a violation of Accessibility Checkpoint 2.1a & 4.1b

Same issue happens when Navigating options in main Context Menu & sub-menus

Look at the following link for wai-aria authoring practices for button menu & keyboard interactions for menu ​http://www.w3.org/TR/wai-aria-practices/#menu

Surprisingly, for some reason, when multiple inline editor are in use (/samples/inlineall.html), they share (actually: abuse) one another's undo stack. It happens when CTRL+Z is pressed and there are no snapshots left on the current stack.

It doesn't look like a feature, really, and since the issue can be reproduced since 4.0 in different browsers, it's time we fixed it.

See attached video (recorded in FF) to know more.

Another TC. On IE open the inline all sample, focus one of the editors with more complex contents, type something and press CTRL+Z multiple times. Textfified version of the initial contents will be loaded.

Another TC in FF:

1. ​http://ckeditor4.t/ckeditor/samples/replacebyclass.html
2. Put the caret

   Apollo 11^
   

3. Type "moo"
4. C-z

   ^Apollo 11
   

5. C-z

   ^
   Apollo 11
   

Expected

^Apollo 11

but another, native undo snapshot reverts the selection to the position initially set by the browser.

The reason

It seems that editor does not prevent the native undo if it reached the bottom of snapshots stack. It allows browser to do stuff and weird things happen.

Install plugin upload image into ckeditor. where can I find a guide ofr this plugin?

thanks. Matteo

Add the table with the list inside:

<table border="1" cellpadding="1" cellspacing="1" style="width:500px">
	<tbody>
		<tr>
			<td>
			<ol>
				<li>One</li>
				<li>Two</li>
			</ol>
			</td>
			<td>Test</td>
		</tr>
	</tbody>
</table>

Move cursor to the end of the second item of the list and press Delete.

Expected: Nothing happens.
Outcome: The next cell is affected - the text of the next cell is appended to the list. JS error is occured: Uncaught TypeError: Cannot call method 'is' of null.