Custom Query

1. Open browser (tested with Chrome and FF).
2. Go to "Replace by Class Name" sample (samples/replacebyclass.html).
3. Insert "page break line" in any place in the editable.
4. Switch to source mode.
5. Switch back to WYSIWYG mode.

Page-break line is not visible anymore.

Bug occurs from 4.3 Beta version.

It is more UX issue than bug, but it makes us look silly:

In "About" dialog link "Check CKEditor User's Guide for help." leads to "CKEditor 3.x User's Guide".

1. Open image2 sample.
2. Focus nested editable (caption).
3. Click "source" button.

Following error will be thrown:

Uncaught TypeError: Cannot call method 'getStartElement' of null editor.js:785
CKEDITOR.tools.extend.elementPath

It's lost, because it's not part of pagebreak's ACF rules. It could be added by dataFilter rule, but the style checks do not pass on internal form of pagebreak (no display:none style).

BTW. Regexp patterns are compiled every time div is filtered - they should be cached.

1. Open browser (tested with Chrome and Firefox).
2. Go to "ENTER Key Configuration" sample (samples/enterkey.html).
3. Leave "When Enter is pressed:" <p> and set "When Shift+Enter is pressed:" <div>
4. Press "Shift+Enter" in editable.

New p tag is created instead of div.

Parts of my text is disappearing when I paste a paragraph from Word, either using the Paste or Paste from Word. I've reproduced this on the current ​http://ckeditor.com/demo.

It seems to be an issue when copying the trailing Paragraph character.

Files are attached.

I have a use case where I need to support multiple versions of CKEDITOR on the same page. Ideally we would use just one version, but we are not yet ready to update some custom plugins written against version 3.

What are your recommendations for having both version 3.x and 4.x on the same page at the same time?

I am using the following code in order to insert the image, but image is not getting inserted in content.

insertHtml = function( objectId, stContent, position ) {

var editor = CKEDITOR.instances[objectId]; if( editor.mode = 'wysiwyg' ) {

editor.insertHtml( strContent ); CKEDITOR.instances[objectId].updateElement(); var instance = CKEDITOR.instances[objectId]; CKEDITOR.replace( objectId );

} else {

alert( 'You must be in WYSIWYG mode.' );

}

}

but after doing this it is giving me this error. Uncaught the editor instance "XYZ for example" is already attached to the provided element.

1. Opene divarea sample.
2. Focus editor and switch to source mode.
3. Elements path is not cleared and in build version of editor error is thrown when clicking any of elements.

Will be fixed by #11131.

1. Open inlineall sample.
2. Drag an anchor.
3. It disappears after drop.

since: 4.3 until major

Touches opera/chrome (dont know about the others). So far i have reproduced it on Windows only, Olek says that he can't repro it with Opera+OSX

1. open /samples/inlineall.html

( there is a bullet list starting with string "Ut sagittis, nunc liber" )

2. click in order to position caret in following place (but does not have to be exatly the same):

Ut sagittis|, nunc liber

3. Right click mouse in the same place (to show context menu)

(if you are on chorme: )

4. now that context menu is open click LMB once again
5. ... and click RMB once more : )

Current result:

Uncaught TypeError: Cannot call method 'getAttribute' of null

is being thown

Hi there, I am having an issue where each word that needs to move on to the line below is split in two. I am aware that I can turn off text wrap, but then the size of my text field expands horizontally indefinitely which doesn't work for us (the width of the field is dictated to the site by the screen size and we would like this to remain the same).

We would essentially like the entire word to move on to the second line rather than just the first few letters. Is this possible?

Thank you!

1. Open IE11.
2. Open "Replace By Class" sample (samples/replacebyclass.html).
3. Open "selection field" dialog (from the form panel).
4. Write some text and value.
5. Press "add" button.

Result: values are not visable.

1. Open image2 sample.
2. Drag image (not by using the drag handler, but by clicking the image itself).

Image can be dragged out of the widget. Also, it sometimes conflicts with image resizing.

1. Open Image2 sample.
2. Press "preview" button.

Captions are not under but next to images. That's because preview loads in QM.

Solving this issue may fix also ticket #10762

1. Open IE11.
2. Open UI Color sample (samples/uicolor.html).

Editor is still grey and you will see error:

SCRIPT5007: Unable to get property 'cssText' of undefined or null reference
File: skin.js, Line: 248, Column: 6

I spotted some crashes when running tests in IE8. For example, the crashing test is "test pasting widget which was copied (d&d) when its nested editable was focused" in dt/plugins/widget/nestededitables.html

It doesn't matter whether that test is standalone or ran along with others.

Also there's manual TC (major):

1. Open ​http://ckeditor4.t/ckeditor/plugins/image2/samples/image2.html
2. Focus the widget.
3. C-c
4. Without changing/touching anything C-v (do it fast, right after C-c)
5. Crash.

See attached video.

IE version: 8.0.6001 (VM from ModernIE).

1. Write something.
2. Undo.
3. Error is thrown because there's no querySelectorAll support in IE QM.

When I try to use an accent (á, for example) the letter shows without it. If I copy the letter from outside and paste into CKEditor it works fine.

It happens with all accents: áàâ and with umlauts: ä

There is a workarround, if I click outside CKEditor an then again inside CKEditor the accents start working.

Follow up for #11095.

1. Open image2 sample.
2. Select widget.
3. Click copy/cut button on toolbar or select copy from context menu and accept security alert.

JS error is thrown: SCRIPT5007: Can't call „isBlock” on empty object
URI: editable.js
Line: 1675

Reproducible in Ie9 and Ie10 from CKEditor 4.3 beta (also in latest major)

1. Open IE11.
2. Go to User Interface Languages sample (samples/uilanguages.html).
3. Switch language to "Arabic"

Result: all toolbar icons are blured.

​http://ckeditor4.t/dt/core/focusManager/focus.html

Uncaught TypeError: Cannot call method 'getType' of null

First bad commit (​git:ddf9074ad).

ddf9074ad04d18d5ba6a8dcc1a9162936e455bc2 is the first bad commit
commit ddf9074ad04d18d5ba6a8dcc1a9162936e455bc2
Author: Piotrek Reinmar Koszuliński <pkoszulinski@gmail.com>
Date:   Mon May 13 11:56:42 2013 +0200

    Return null from getSelection when not in wysiwyg mode.

1. Open browser (tested with Chrome and IE11).
2. Open "Replace Textarea Elements by Class Name" sample (samples/replacebyclass.html).
3. Set this content in editor:

   <ol>
   	<li>aa
   	<blockquote>
   	<ol>
   		<li>bb</li>
   		<li>cc</li>
   	</ol>
   	</blockquote>
   	</li>
   	<li>dd</li>
   </ol>
   

4. Switch to WYSIWYG mode and select [bb cc].
5. Press "Outdent" button.
6. Press "Indent" button.

"dd" disappears.

Enable SCAYT and try to select text from the bottom upwards. See the screencast - ​http://www.screencast.com/t/SsQJEch3T2

When SCAYT finishes checking selection works as expected. SCAYT uses bookmarks and selection on checking and it resets the editor selection.

1. Open /samples/plugins/image2/image2.html
2. Edit existing widget.
3. Change "assets/image1.jpg" to "assets/image2.jpg". Alter a digit or paste the new src as a whole (sometimes it matters, don't know why).
4. See dimensions: 28x30. That should be 534x480.

I suppose there's some problem with timing as it works perfectly in Chrome or Firefox.

IE8 and IE11 to be checked.

Editor does not work in IE11 Quirks Mode.

   HTML1300: Navigation occurred.
   File: replacebycode-qm.html
   HTML1527: DOCTYPE expected. Consider adding a valid HTML5 doctype: "<!DOCTYPE html>".
   File: replacebycode-qm.html, Line: 5, Column: 1
   SCRIPT5007: Unable to get property '1' of undefined or null reference
   File: env.js, Line: 176, Column: 5
   SCRIPT5007: Unable to get property 'gecko' of undefined or null reference
   File: tools.js, Line: 13, Column: 3
   SCRIPT5007: Unable to get property 'extend' of undefined or null reference
   File: dtd.js, Line: 38, Column: 2
   SCRIPT5007: Unable to get property 'extend' of undefined or null reference
   File: node.js, Line: 87, Column: 1
   SCRIPT5007: Unable to get property 'extend' of undefined or null reference
   File: window.js, Line: 27, Column: 1
   SCRIPT5007: Unable to get property 'extend' of undefined or null reference
   File: document.js, Line: 29, Column: 1
   SCRIPT5007: Unable to get property 'extend' of undefined or null reference
   File: element.js, Line: 119, Column: 1
   SCRIPT5007: Unable to get property 'extend' of undefined or null reference
   File: documentfragment.js, Line: 27, Column: 1
   SCRIPT5007: Unable to get property 'createClass' of undefined or null reference
   File: walker.js, Line: 153, Column: 2
   SCRIPT5007: Unable to get property 'bogus' of undefined or null reference
   File: range.js, Line: 373, Column: 2
   SCRIPT5007: Unable to get property 'bookmark' of undefined or null reference
   File: iterator.js, Line: 81, Column: 3
   SCRIPT5007: Unable to get property 'copy' of undefined or null reference
   File: filter.js, Line: 10, Column: 3
   SCRIPT5007: Unable to get property 'override' of undefined or null reference
   File: plugins.js, Line: 22, Column: 1
   SCRIPT5007: Unable to get property 'extend' of undefined or null reference
   File: editor.js, Line: 655, Column: 2
   SCRIPT5007: Unable to get property 'createClass' of undefined or null reference
   File: basicwriter.js, Line: 12, Column: 1
   SCRIPT5007: Unable to get property 'extend' of undefined or null reference
   File: comment.js, Line: 30, Column: 1
   SCRIPT5007: Unable to get property 'extend' of undefined or null reference
   File: text.js, Line: 31, Column: 2
   SCRIPT5007: Unable to get property 'extend' of undefined or null reference
   File: cdata.js, Line: 27, Column: 2
   SCRIPT5007: Unable to get property 'extend' of undefined or null reference
   File: fragment.js, Line: 40, Column: 2
   SCRIPT5007: Unable to get property 'createClass' of undefined or null reference
   File: filter.js, Line: 33, Column: 2
   SCRIPT5007: Unable to get property 'extend' of undefined or null reference
   File: htmldataprocessor.js, Line: 530, Column: 3
   SCRIPT5007: Unable to get property 'extend' of undefined or null reference
   File: element.js, Line: 121, Column: 2
   SCRIPT5007: Unable to get property 'createClass' of undefined or null reference
   File: editable.js, Line: 14, Column: 2
   SCRIPT5007: Unable to get property 'invisible' of undefined or null reference
   File: selection.js, Line: 86, Column: 2
   SCRIPT5007: Unable to get property 'bookmark' of undefined or null reference
   File: style.js, Line: 70, Column: 2
   SCRIPT5007: Unable to get property 'extend' of undefined or null reference
   File: comment.js, Line: 36, Column: 1
   SCRIPT5007: Unable to get property '$blockLimit' of undefined or null reference
   File: elementpath.js, Line: 11, Column: 3
   SCRIPT5007: Unable to get property 'extend' of undefined or null reference
   File: text.js, Line: 43, Column: 1
   SCRIPT5007: Unable to get property 'extend' of undefined or null reference
   File: skin.js, Line: 169, Column: 2
   SCRIPT5007: Unable to get property 'webkit' of undefined or null reference
   File: _bootstrap.js, Line: 12, Column: 2
   SCRIPT5007: Unable to get property 'isCompatible' of undefined or null reference
   File: themedui.js, Line: 244, Column: 3

Blocked by: #11001.

TC1

1. Open image2 sample.
2. Center first image.
3. Maximize editor.
4. Drag handler is not repositioned.

TC2

1. Open image2 sample.
2. Center first image.
3. Drag first image lower, so it's at similar height as 2nd image.
4. At some point 2nd image, which is floated, will cause that 1st image will be moved a little bit to the left.
5. But drag handler won't be repositioned.

Hey,

in IE11 is a black line on the left side. Here a screenshot. In Firefox the line is grey.

Thanks!

since: 4.3 until major

That option was reproduces under following circumstances:

Generate a package using online builder which includes standard preset, minus image plugin, plus image2 plugin.
Now open samples and check replacebycode sample.

1. drag and drop image up to 6 times

after that time you should experience some image duplication/extra markup injection (blank block may be inserted)

additional info:

1. Checked with FF and issue did not occured so i assume its blink issue

I rebased Piotrek's old ​t/9923-cleanup branch and resolved conflicts.

Because they're old, bad-looking and hard to navigate.

In the very first sample "Image and Title" the image isn't inserted because it lacks a src and ACF strips it.

Didn't test any further. (I've set version as 4.2 because I think that's the version that introduced the ACF)

To reproduce:

Copy the sample text from ​http://en.wikipedia.org/wiki/Zero-width_space

to the demo ​http://ckeditor.com/demo#standard

and switch to Source. Here, the zerowidth's should be shown as &#8203;, but they are rendered as zero-width.

Pasting

aaaaaa​​bbbbbbbbbbbbbb​​ccccccccccccccccccccc​​ddddddddddddddddd​​eeeeeeeeeeeeeeeeeeeeeeeeee​​fffffffffffffffffff​​ggggggggggggggggggggg

into the code-view, switching to WYSIWYG and back, the entities are also no longer viewed, but rendered.

I see that rendering Zero-width space's is the normal behaviour of textarea's, but for "The best web text editor for everyone"'s Source button, i expect the same result as when looking at the page's source.

Source-editors like ACE ​http://ace.c9.io/build/kitchen-sink.html

and CodeMirror ​http://w8tcha.github.io/CKEditor-CodeMirror-Plugin/

show at least that there is something, but that's also not the full solution, if you want to see in source, what EXACTLY is going on in your Text.

I have configured the undo size as mentioned below,

config.undoStackSize = 50;

In some case it stops doing undo but the undo icon is enabled which means that there is still more to undo but not performing fully, so that i have to refresh the page and start my tasks again.

Please guide me to resolve this problem.

Thanks in advance.

In Find & Replace, its working fine but, when Replacing the text It is not tracking in Track Changes.

Please guide me to resolve this problem.

Thanks in advance

Dear Team,

1. Formatting changes like (bold,strike,underline,etc…) is not reflected in track changes.

2. When selecting the text and pressing enter key the text gets deleted and not tracked.

3. When pressing enter key to move next line, it is also not tracked.

4. Adding new figure,link,table,etc… is also not tracked.

Please guide me to solve the problem.

Thanks in Advance...

1. Go to: ​http://ckeditor.com/demo#widgets
2. Hover simplebox - see that drag handler is on the left.

Related and blocked by #11001.

To Reproduce:

• Copy inline_destroy.html (attached) into a build where the tableresize plugin is available and open it in a browser.
• Click inside the editor and resize a table column (or hover over the column boundaries so that the resizer icon is displayed).
• Inspect the HTML for the page and see that the tableresize plugin has added an element, e.g.

{{{<div contenteditable="false" style="position: absolute; cursor: col-resize; opacity: 0; padding: 0px; background-color: rgb(0, 0, 68); background-image: none; border: 0px none; z-index: 10; width: 3px; height: 49px; left: 272px; top: 213.867px; display: none;" unselectable="on" data-cke-temp="1"></div> }}}

• Click the 'Destroy Editor' button.
  

Problem: Inspect the HTML for the page again and see that the element added by the tableresize plugin is still present.

If you then click the 'Create Inline Editor' button to recreate the editor, and resize a table column again, the tableresize plugin adds a new element to the DOM. The old element is redundant and should be removed from the DOM when the editor is destroyed - see attached tableresize_destroy.gif.

1. Open Chrome.
2. Go to New Image sample (plugins/image2/samples/image2.html)
3. Move widget to the begging of the document.
4. Ctrl+A

Result: nothing happens.

The same problem appears if widget is the last element of the document.

Bug reports submitted to ​Chromium and ​Webkit.

To reproduce the issue:

1. Click insert image button from the toolbar
2. Provide url, width and height
3. Click ok button
4. Double left mouse click on the image created.

Expected result: The image should be selected/highlighted.

Actual result: The image dialog is open.

This happens since 4.3 across all browsers. Also behaves the same for flash, iframe and table, where once you create a table if you click on the border of the table, the table dialog will pop up.

core/env.js contains the following lines :

                // Internet Explorer 6.0+
                if ( env.ie ) {
                        // We use env.version for feature detection, so set it properly.
                        if ( env.quirks || !document.documentMode )
                                version = parseFloat( agent.match( /msie (\d+)/ )[ 1 ] );
                        else
                                version = document.documentMode;

I am getting a crash on "version = parseFloat( agent.match( /msie (\d+)/ )[ 1 ] );". The reason is that the Internet Explorer 11 user agent string does not contain the word "MSIE".

(The reason why it enters this "if" at all if because 'env.quirks' is true, although I am unusre why it would be the case, I have verified and the web page is running in "Edge" document mode. So maybe the real bug is incorrect detection of quirks mode?)

Similar to ticket 1646.

If you select a portion of text and choose a color. Then use the underline tool the resulting html wraps the span with the color style with the underline. This order needs to be reversed so the underline color matches the text.

CK HTML

<em><span style="color:red">Here is color and underline</span></em>

Expected html result

<span style="color:red"><em>Here is color and underline</em></span>

TC: there's a plugin which prints out an image e.g. as a preview of something. If image2 is loaded, it will upcast that image, so DOM structure will be changed, what perhaps will create a conflict between image2 and theoretical plugin.

Theoretically, plugin can be rewritten to make use of widgets (because if it prints out something different than it is, it is a case for widgets). But in real life developers will need to make that plugin compatible with 4.3+ without so much effort, so an easy way to prevent upcasting on certain elements will be useful.

1. First option is an attribute, but it's not yet present in data (and in fact shouldn't be at all), so it would have to be added while loading data. That means during processing them, but upcasting is done before htmlDataProcessor#dataFilter is applied, so one would have to do an additional iteration over entire structure. Not good.

2. Then, we have the possibility to overwrite image2's upcast method. This solves the problem in quite clean way, but it's not perfect. Theoretical plugin has to know about image2 and still may be broken by other widgets about which it doesn't know.

3. Better than overwriting specific widget would be to block upcasting globally. So we may add mechanism like:

editor.widgets.addUpcastMethod( function( el ) { ... } );

Returning false would block upcasting on that element. Returning other values could modify upcasting in a different way, but I don't have a clear concept yet.

Other possible method names: onUpcast, addUpcastCallback.

My organization Ch5 Finland Oy deploys CKEditor in the 5.0 version of our content management system Navigo CMS. We would be proud to be listed on this site. (I realize this is not a bug report, but I could not find any other contact channel...)

I am having a few issues in the CKEditor when the editing pop-up is closed down. As you can see from the images attached, adding bullet points is fine in the editor but as soon as I shut it down they move to the left.

​http://imageshack.com/a/img706/626/67qa.png ​http://imageshack.com/a/img845/2181/jfzq.png

Also, we are still having issues with word wrap. We tried your 'word-wrap:break word' idea but it didn't work unfortunately. The only one that does is a straight forward word wrap which gives us the issue we described in ticket #11143

​http://imageshack.com/a/img401/2417/l5ov.png

I look forward to your response and thank you for your help!

Seb

Currently using latest chrome version (Version 31.0.1650.57 m).

You can see it on the demo page of the ckeditor website: ​http://ckeditor.com/demo

When clicking inside the editor a js error is visible in console: Uncaught TypeError: Cannot read property 'type' of undefined ckeditor.js?mwgvvh:350

All buttons in the toolbar do not work anymore either. Same error when clicked on.

I have added links in my rich text box but when I reload the page the links have an extra set of double quotes. If the data is saved again another set of quotes will be added.

I have pased below an example of what happens to the text in the ckeditor field. I am running version 3.6.2 (.Net version).

<a href="""""""""""""""""""​http://www.apple.com/quicktime/download/index.html""""""""""""""""""">QuickTime</a>

I am trying not to upgrade the version to 3.6.5 or anything above 3.6.2.

To reproduce:

• open ​http://jsfiddle.net/tu4w2/2/
• on the "Result" panel click "Create Editor"
• in CKEditor on the toolbar panel click on the word "Styles"
• click on the word "Styles"
• small styles popup will stay, javascript error will be logged

Please, please fix it. With this bug CKEditor is not usable in jquery Dialogs.

The a11yhelp dialog uses a keyMap to generate the strings for special keystrokes in the editor e.g. ALT+F10, SHIFT+CTRL+3.

var keyMap = {
	8: "BACKSPACE",
	9: "TAB",
	13: "ENTER",
	16: "SHIFT",
	17: "CTRL",
	18: "ALT",
	19: "PAUSE",
        ....};

However some of these values are translatable so they should be moved to the a11yhelp language files.

In 3.5.6 we have used Office2003 skin as a default one and it is not exist in CKEditer 4.3 moono skin is very good.. but we need office2003 skin and V2 skin.

1. Open mathjax sample.
2. Hover handlers of widget which are in "The probability..." heading.
3. See that their upper part is not draggable.

Use the following setup of the editor:

CKEDITOR.replace( 'editor1', {
	plugins: 'toolbar,dialog,basicstyles,wysiwygarea',
	extraPlugins: 'placeholder'
});

Drag the inline widget and drop it. It's gone (see attached screencast)

It also happens to inline image2 widget.

Recently I upgraded CK Editor from 3.6 to 4.2.2 on my website for testing phase and when viewing my old data entered through CK Editor 3.6 , I am getting output which you can refer in screen shot.

HTML is getting appended automatically such as span and div tags in source content.

Samples available in CKEditor package generated with image2 and without image plugin don't look well if someone adds caption to an image.

When using CKEditor in IE11 there's an issue with text disappearing if you use £ symbols SCAYT:

To reproduce: If you type the following into CK with SCAYT enabled:

This is a test price £300 another price £200

Then disable SCAYT - and the £ symbols will disappear.

Another test: If you type the above again with SCAYT enabled, and then try to change the £300 to £310 it will change to 3001 without the £ symbol

Another test: With SCAYT enabled type the following

This is a test price test£word another price another£test

Trying to add a space in test£word to change it into test £word deletes the £word part completely.

These are just a few examples of the strangeness i've found with the £ sign.

Thanks Steve

Dear Team,

When i am using CKeditor in my application, Toolbar is often getting disabled when loading/Refreshing my page.

I have to refresh again and again to resolve this issue. Please do the needful.

1. Open ​http://ckeditor4.t/ckeditor/plugins/image2/dev/image2.html
2. Hover a widget in the inline editor

See: attached screenshot.

The same solution as in #11198 should do the trick.

After 2 clicks on dropdown menu button, the menu disappear. Then I click on this button again, menu has not content. It happens in jQueryUI Dialog only.

I test it with jquery 1.10.2 and jquery ui 1.10.3. I'm using CKEditor 4.3. I checked it in Firefox 25.0.1 and Chrome 31.

Screenshots:

Please check my code :

onOk : function() {

var dialog = this;

var html3 = '<a href="​http://shush.mobi"><div class="ReportIcon</div></a>';

editor.insertHtml(html3);

}

Anchor tag is not showing , also if we have a complex html ,and anchor tag having an inside div then anchor tag will be shifted inside that div.

With image2 in 4.3, images have resize/move handles. But if you insert an image using insertHtml(), those handles are not there, until you type another character, at which point you can click the image again and you are able to resize/move.

It looks like insertHtml() does not trigger some kind of change event which binds those handles perhaps?

When you select other tab in application, the data within the editor disappears. It throws an error "Uncaught TypeError: Cannot call method 'getSelection' of undefined". The editor also becomes uneditable. Application is developed using GWT.

In order to reproduce bug:

1. Sign in to aws.kpi.com. And navigate to CRM from top menu.

You can use these credentials: Login - ckeditor@… Password - ckeditor1

2. Go to Add New->Case (see screenshot. Step 1)
3. Write some data in CKEditor
4. Switch to other tab, e.g. 'Message Center' (see screenshot. Step 2). Then return to Add Message tab.
5. The data within the editor is lost and editor becomes uneditable

Please resolve the issue

Dear Team,

I have created Custom Plugin, for that how can i set the language for my plugin to avoid attached error. Please do the needful and guide me to resolve this issue. Thanks in advance.

Version: 4.3
Browser: Google Chrome
OS: MAC

1. put the attached files in samples directory
2. start IE8 and open frame0.html
3. highlight the text, for e.g. 456 in top frame and control-c to copy
4. double click a word in second paragraph in the editor to highlight a word (mouse drag to select some text also has this issue) (Note, don't single click on editor or elsewhere after step3
5. control-v to paste

Expected to replace the selected word with clipboard 456, but the text is inserted in the beginning.

the Pastefromword plugin report an error info 'It was not possible to clean up the pasted data due to an internal error' Steps to reproduce:

1. Copy all word from my attachment word using CTRL+C, paste to 'Pastefromword' plugin's window then click the ok button.

Browser: IE 89.0.8112.16421 and document mode i8 standards or firefox 25.0.1 or chrome 31.0.1650.57 m OS: Windows 7

new CKEDITOR.template( "\\'" ).output()

Error is thrown.

Related: #11102.

1. One
2. Two

...

8. Eight
9. Nine
10. Ten

becomes

1. One
2. Two

... 8.

. bullet 1 . bullet 2

0. Nine
1. Ten

Hi, I found a bug in bbcode plugin.

I tried to copy and paste a word document into CKEditor. The first line of the document is the title. After paste into CKEditor, I tried to delete the title part. But in the source, the bbcode always has "=13px"

Please advice! Thanks.

If you add the following content to ckEditor in Internet Explorer 8 or 9 it produces a gap above the text. You can reproduce this on the ​full-featured demo editor.

You can add the same content to an empty HTML file and will render correctly.

<div style="float:right;background:#f5f5f5;width:200px;">a floatet div<br />
with multiple<br />
lines<br />
lorem<br />
ipsum<br />
dolor</div>

<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>

This issue does not exist for Internet Explorer 10.

This problem is described in ​this forum post.

With protectedSource set thus:

CKEDITOR.config.protectedSource.push(/\[\[[^\]]*?\]\]/g);

This document:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>[[mytag]]</title>
[[mytag]]
</head>
<body>
[[mytag]]
</body>
</html>

becomes this when loaded into CKEditor:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
	<title>&lt;!--{cke_protected}%5B%5Bmytag%5D%5D--&gt;</title>
	[[mytag]]
</head>
<body>[[mytag]]</body>
</html>

and it stays that way when the form is submitted. When it's reloaded, it gets encoded a second time, resulting in an ever-growing title tag full of junk.

The forum post describes another problem related to using placeholders, but this bug is really a separate issue.

Currently it's

  var transparentImageData = 'data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw%3D%3D',

but it should be

  var transparentImageData = 'data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==',

(just replace %3D with =)

Currently the fakeobjects plugin uses an /images/spacer.gif and the new widgets plugin uses a data URI with an internal variable transparentImageData .

It could be a good idea to provide a unified CKEDITOR.tools.transparentImageData with the data URI (with the minor correction of #11224). That way it might be easier to reuse it in other code and/or detect if the image is the fake transparent one. And it's one file less to care about.

As support for IE7 has been dropped the usage of data URI shouldn't be a problem (and it's already been used in the widgets anyway)

Using Chrome Version 31.0.1650.57 m (I have not tested this issue in any other browser.)

CKEditor Version 4.3

Open editor, click image icon, upload tab, choose file, send to server, OK. Aspect ratio is locked by default. Set width to 300. (Automatically sets height to 200) OK and SAVE. Aligning the picture either left or right causes the width and height to disappear. The picture reloads into editor original size (which may be huge). Tested using both the dropdown in the image properties, as well as the CKEditor alignment icons.

in code modus, create table: <table cellpadding="0" cellspacing="0" class="catalog">

<tr>

<td>

Lorem ipsum

</td>

</tr> <tr class="uneven">

<td>

Lorem ipsum

</td>

</tr>

</table>

switch to editor mode switch to to code again attribute class="uneven" disappeared

(the same happens to the class catalog within the table. I will submit an apart ticket for that one

in code modus, create table: <table cellpadding="0" cellspacing="0" class="catalog">

<tr>

<td>

Lorem ipsum

</td>

</tr> <tr class="uneven">

<td>

Lorem ipsum

</td>

</tr>

</table>

switch to editor mode

switch to to code again attribute class="catalog" disappeared in <table>

(the same happens to the class uneven within the <tr>. I submitted an apart ticket (#11228) for that one

Hello guys,

sry that i write u here, but on the other ways i didn't got any response.

have the problem, that my Java-Application behind my CKEDITOR is getting a failure, when I save an part of a html cause it my have not have a root-tag.

Well let me show what i mean

This is my content from CKEDITOR sent to my Servlet:

<P>Es stehen Ihnen folgende weitere Suchmöglichkeiten zur Verfügung:</P>
<P>
      ....
</P>

But my servlet doesn't recognize it as valid html/xml and converts it to normal text (it replaces < and > to html-entities.

So I wanted to ask: Is it possible to let CKEDITOR automatically add a root-tag (div in this case) around my content if there is none (like below)?

<div>    
    <P>Es stehen Ihnen folgende weitere Suchmöglichkeiten zur Verfügung:</P>
    <P>
....
    </P>
</div>

Kind regards Basti890

I would be very thankful if you would help me with my problem. You don't need to answer here u can also answer in my thread in forum: ​http://ckeditor.com/forums/Support/HELP-I-need-to-add-a-root-tag-if-missing

There seems to be a problem with Opera and new lines. I can reproduce it with Opera 12.16, with the following steps:

• Open the standard editor on ​http://ckeditor.com/demo
• Go into source code mode
• Replace the default HTML code by the following code:

  <p><br />
  &nbsp;</p>
  

• Leave the source code mode and enter the source code mode again. The code has changed to:

  <p><br />
  <br />
  &nbsp;</p>
  

• With every further iteration of entering/leaving the source code mode, another <br /> appears.

As Microsoft .NET developer we are using the Webbrowser control to open a webpage including CKEditor in order to have an offline html editor in a native windows application.

Since the release of IE11 (Internet explorer 11) CKEditor is broken. The .NET Webbrowser component runs always in IE7 modus (nothing we can do about it).

The issue is very easy to reproduce by putting internet explorer 11 in IE7 compatibility mode. This can be done by openening the developer tools in Internet Explorer 11. (F12 key). And apply the settings as in the attached screenshot.

Then navigate to the CKEditor demo pages. (Javascript issues)

Since our product is worldwide used (150.000 users) and the first companies/users are starting to upgrade to IE11 can't use the html editor anymore.

Can the CKEditor community please solve this issue ASAP so we won't have to change to another solution. We and our users actually love CKEditor and would be happy if we can continue to use it in the future.

Go to this demo: ​http://ckeditor.com/demo#full using IE9 Click on Image Type back Space

Takes me back to previous page. Should instead delete the image.

I noticed some js errors while integrating a widget. CKEDITOR.template() does not escape newline characters before feeding it to Function(), which results in errors such as "Unexpected token ILLEGAL".

Adding .replace(/\n/g, "
n") seems to do the job for me, thought I'd let you guys know.

Open Ajax sample.

1. Create table in MSWord, select all and copy.
2. Paste into the editor body or through Paste Dialog.
3. Open Table Properties dialog and check for Border size value.

Expected result: Border size should be set to 1

Actual result: Border size field is empty.

It's happens since 4.3 in FF and Chrome, works fine in IE.

see the attached MSWord with sample table.

Running CKEDITOR in Wordpress, when I save a text with an existing bullet list that has indented items such as the below, the article gets returned (after saving) with an additional line with P marks, right before the indented bullet. The more often I save, the more paragraphs are created.

<ul>
	<li>&nbsp;</li>
	<li>adalksdjaskldjasld alksdj asldkajd lak</li>
	<li>adalksdjaskldjasld alksdj asldkajd lak
	<ul>
		<li>adalksdjaskldjasld alksdj asldkajd lak</li>
		<li>adalksdjaskldjasld alksdj asldkajd lak</li>
	</ul>
	</li>
	<li>adalksdjaskldjasld alksdj asldkajd lak</li>
	<li>adalksdjaskldjasld alksdj asldkajd lak</li>
	<li>&nbsp;</li>
</ul>

I took the example widget from documentation (simplewidget) and noticed that it is possible to add new paragraphs with magickline into widgets non editable areas.

Changing this:

<div class="simplebox align-left" style="width: 500px;">
<h2 class="simplebox-title">Title</h2>

<div class="simplebox-content">
<p>Content...</p>
</div>
</div>

Into:

<div class="simplebox align-left" style="width: 500px;">
<h2 class="simplebox-title">Title</h2>

<div class="simplebox-content">
<p>Content...</p>
</div>

<p>&nbsp;</p>
</div>

Currently it's recommended to fire widgetsRepository#checkWidgets which then triggers widgetsRepository#checkWidget method. It's confusing. More natural will be if method will fire an event and the default listener will execute checkWidgets' current action.

Recently, I update CKEditor 4.0 to 4.3, because 4.0 not properly working in IE 11.

But in CKEditor 4.3 I am facing an issue with spell checker context menu in Google Chrome.

In my config.js file I set 'enterMode' to 'BR'(ENTER_BR) to override default mode 'P'(ENTER_P). Shown below:

config.enterMode = CKEDITOR.ENTER_BR;

And when I enable spell check from toolbar, it just showing me context menu (on right click) with only 'paste' option, not showing correct spell list.

But when I remove the code config.enterMode = CKEDITOR.ENTER_BR; from config.js file, then spell check context menu show correctly with correct spell list.

NOTE: I am facing this issue with Google Chrome.

Thanks!

We tried to use simplewidget example with image2.

Currently it seems that it is impossible to use add any image2s within another widget. ( or is it because of ACF rules? )

The idea is that you would have a widget containing a title, and two blocks of content side by side below it. User could add text and images to both of the blocks below even with image2 or any other widgets (like quote with option to cite text, person information... ).

Basicly the end result where we are trying to achieve is to enable user through use of widgets to use responsive frameworks like Twitter Bootstrap or Skeleton or any other complex HTML structure with ease.

As an example resulting RWD widgets would be:

• 4-columns
• 3-columns 3
• 2-columns with options of ( 75% + 25%, 25% + 75%, 50% + 25%, 25% + 50% )

Facing issue in ckeditor on CMS tool,

When source is entered as shown below <p>test</p> <!--test --> <p>Test</p>

When tried to re-check the source again, the html commented code disappears, below is the outcome.. <p>test</p> <p>Test</p>

Please help...

Quotes (both single and double) get converted to HTML entities correctly when typed inside block elements such as DIV, P, BLOCKQUOTE, CODE and so on.
<p>'a'<p> is converted to <p>&#39;a&#39;</p>

Unfortunatelly they are ignored when typed inside TEXTAREA element:
<p><textarea>'a'</textarea></p> stays untouched. Obviously this breaks up my later executed SQL statements. Ampersands get converted OK.

Securing the quotes during PHP process would be a workaround, but till now I've always relied on this CKeditor's function.

ACF is turned off (config.allowedContent = true;) everything else regarding entities is set to default values. Worked fine in V4, maybe got broken with deeper ACF implementation.

Windows browsers: IE 11, Chrome 31, FF 25.

Description: If I have a list (numbered or bulleted) I can select the whole list by mouse from the top-left to the bottom-right. In this case if I cut it the first list symbol (number or bullet) remains at the beginning of the selection.

I can recreate it with the demo page with IE9 and IE10 too.

I can cut the entire list properly if I select it from the element path.

occures at current master, was not present in 4.3 release

Extra, empty span is left in certian situations

1. open any sample with CKEditor (i.e. samples/replacebyclass.html)
2. set source to following html

   <h3>Type the title here</h3>
   
   <p>Type the text here</p>
   

3. go back to wysiwyg mode
4. open search dialog
5. type the text in find textfield
6. click find
7. close dialog

--- note already you have extra span left ---

You may now move cursor elsewhere and go back to the text substring, and span will still be there.

Expected result:
Produced source code:

<h3>Type the title here</h3>

<p>Type the text here</p>

Current result:
Code has extra span:

<h3>Type the title here</h3>

<p>Type <span>the text</span> here</p>

additional info:

1. you can insert multiple ammount of spans, by clicking find multiple times, none of them will be cleaned
2. i've reproduced it witch chrome and firefox @ Win8

To reproduce the defect:

1. Open AJAX Sample and click on Create Editor button.

2. Press Alt + F10 to navigate to toolbar.

3. Navigate to Undo or Redo button.

Expected Result: JAWS should read Undo or Redo button unavailable

Actual Result: JAWS reads Undo or Redo button but it did not read unavailable. This is because aria-disabled=true missing on all the disabled buttons

This issue is only happening from 4.3

This is a failure of Accessibility checkpoint 1.3a & 4.1b

at least since 4.3 (didnt check earlier) until master

You are able to put caret inside textarea in CKEditor.

1. open any sample with CKEditor (i.e. samples/replacebyclass.html)
2. use following code:

   <p>&nbsp;</p>
   
   <p><textarea name="foo"></textarea></p>
   
   <p>&nbsp;</p>
   

3. move caret in first line
4. pres down arrow

Expected result:
Textarea should become selected (as far as i know fake selection should be applied)

Current result:
Caret will be placed inside textarea allowing you to edit textareas value.

To reproduce:

• Open any sample in IE8 and insert a table with 1 row and 2 columns.
• Use the Cell Properties dialog to set a width of 250px for both table cells.
• Right click in the first table cell and select Cell -> Merge Right.

Problem: You can already see that the table cell is still only half the width of the table. If you type into it, you will only be able to enter text in the first half of the merged cell - see attached screen capture.

This seems to be a rendering issue and switching to source mode and back fixes the issue. Is there anything that can be done to prevent this from happening in the first place though? This was reported by a customer and source mode is not available in this particular instance so they cannot use this workaround.

Note this seems to be a IE8 specific issue. We cannot reproduce it on IE7, 9, 10 or 11. It happens in both CKEditor v3 and v4.

I'm using IE 11.0.9600.16428 on Windows 7 Pro. I have a simple aspx page with a textarea that I replace with CKEDITOR. When I click inside the box and select a Style, Format, Font or size then attempt to select any of those again the drop down menu appears in the upper left corner of the screen. Go back to them again and everything is fine.

It appears that styles such as display:none and visibility:hidden are ignored when running 3.6.4 with IE 11 in compatibility mode.

Dear Team,

When i am adding Undo/plugin.js to my ckeditor it works well but Without using Undo plugin.js, it works by ckeditor.js file.

Ckeditor merges all controls in it.

I need to run undo operation in separate Plugin (Undo/plugin.js) not with ckeditor.js.

Please do the needful. Thanks in Advance

since: 4.0 until master

1. open any sample with CKEditor (i.e. samples/replacebyclass.html)
2. set content to following content:

<p>aaaa</p>

3. place caret in: aa|aa
4. press enter
5. press backspace
6. press right arrow
7. check source code

Expected result:
Produced source code:

<p>aaaa</p>

Current result:
Code without checked attribute:

<p>aa<span style="line-height:1.6em">aa</span></p>

As far as I tested, the issue was not present in 3.6.6.1.

We should create a test case for aria-disabled attribute presence and it's valid value. We lost it in 4.3 release, for buttons like undo/redo becasuse it was not covered by automate TC.

Related issue: #11260

1. Open any browser (tested in IE8 and Chrome).
2. Open replace by class example.
3. In source mode put content:

   <p><span dir="ltr" lang="es">xxx <span dir="rtl" lang="ar">foo</span> xxx</span></p>
   

4. Go to WYSIWYG mode.
5. Select all.
6. From Language menu select "Remove language"

Expected behavior: both es and ar languages will be removed.

Actual behavior: only es attribute is removed.