Custom Query

IE and -Moz- cross browser compatibility issue

Issues: unable to remove image resize handle. Ex. ​http://i.stack.imgur.com/oNse1.png

Note: I did below ways as well. 1.Unchecked image auto resize option in Browser setting<br> 2.<img contentEditable=false src="..."/> <br> 3.CKEDITOR.replace( 'editor1', {

disallowedContent: 'img[width,height]'

} );

and config.disallowedContent = 'img[width,height]';

In Firefox 36 of the source text is not wrapped in the Source box of the CKEditor. It forms a horizontal scroll bar.

When writing the text and apply the enter accents crash .

example:

á é í ó ú ´a ´e ´i ´o ´u

It seems impossible to disable the stupid 'init' of CKEDITOR, so that any HTML within the editable area is retained.

Problem: Impossible to create starting HTML for CKEDITOR instance. HTML within editable content removed during instance init

Current behavior: While creating a simple DIV set as editable, default HTML of <p><br></p> gets added. If the user has default html such as <p><span></span></p>, it is replaced by the above

Expected behavior: The HTML added to the DIV set as editable is NOT modified and retained.

See Fiddle: ​http://jsfiddle.net/emjmu2pv/1/

If a simple &nbsp; is added between the span, then the HTML is retained and a <br type="_moz"> is added onFocus??!? (wasn't this bug fixed ages ago)

After line 53 in file core/lang.js the following code is found:

that[ languageCode ].dir = that.rtl[ languageCode ] ? 'rtl' : 'ltr';

This fails because that[ languageCode ] have not been defined yet. This can be fixed by adding:

if(!that[ languageCode ]) {
					that[ languageCode ] = {};
				}

before that.

Hi. I'm trying render html text into a readonly ckEditor included in primefaces-extensions. For do this, use an empty toolbar to show only the text, but when I do that I lose all html tags in my text and only "<p>" tags appear.

If I add the corresponding button to the toolbar, html tag of that button appear in editor. For example if I add the "Bold" button to the toolbar, I have the "<strong>" tag in my text, but if I don't add that button the <strong>, the tag dissapears from my text.

Here is a sample My Html text: <p>This is <strong>a strong text</strong></p>

Using this, ckeditor works: pe:ckEditor id="editor" value="#{bean.getText()}" toolbar="Bold?" readOnly="true"

But if I quit the "Bold button" from the toolbar I lose the <strong> tag pe:ckEditor id="editor" value="#{bean.getText()}" toolbar="[]" readOnly="true"

This is the html of this case: <p>This is a strong text</p>

Steps to reproduce:

1. Open any sample in Chrome, clear it's content
2. Run following in the console:

CKEDITOR.instances.[EDITOR_INSTANCE_ID].document.on('keydown', function(event) {
    console.log('KEYDOWN EVENT');
});

3. Type few letters, e.g. abc.
   • Result: console will print that keydown event occurred 3 times, e.g. (3)KEYDOWN EVENT
4. Press enter key
   • Result: key down event not detected and this is expected behaviour for this key
5. press Backspace key
   • Actual result: key down event not detected

Expected result: console will print that keydown event occurred 4 times, e.g. (4)KEYDOWN EVENT

As described below e-mail error still exists, attached a pdf file for better understanding. When correcting an e-mail to the Link Box in ckeditor with Internet Explorer 11 (config.js: config.emailProtection = 'encode') is an "undefined" appended to the e-mail address: test@…. .. best regards, beruce

1. Open any sample with CKEditor. (i.e. samples/replacebyclass.html)
2. Use following source.

   <table border="1" cellpadding="1" cellspacing="1" style="width:500px" summary="bar">
   	<caption>foo</caption>
   	<thead>
   		<tr>
   			<th scope="col">aa</th>
   			<th scope="col">aa</th>
   			<th scope="col">aa</th>
   		</tr>
   	</thead>
   	<tbody>
   		<tr>
   			<th scope="row">bb</th>
   			<td>cc</td>
   			<td>dd</td>
   		</tr>
   		<tr>
   			<th scope="row">bb</th>
   			<td>cc</td>
   			<td>dd</td>
   		</tr>
   	</tbody>
   </table>
   

3. Right click at table, and use "Table Properties" menu item.
4. With "Headers" dropdown, set its value to "First Column".
5. Accept dialog by clicking OK.

Expected result:
First column should contain headers.

Current result:
There is no header (th element) in first row.

Additional info:

1. Tested with Chromium 42.0.2296.0.

I have CKEditor version 2. When i try to upload the images, it shows me the blank screen in CKFinder

CKEditor should not encode URLs that it receives from the server connector due to problems described in ​http://dev.ckeditor.com/ticket/5527

Currently, when dragging an image into CKEditor called foo bar.jpg, the (valid) response from CKFinder is:

{"fileName":"foo bar.jpg","uploaded":1,"url":"\/ckfinder\/userfiles\/files\/foo%20bar.jpg"}

unfortunately, the end result in CKEditor is:

<img src="/ckfinder/userfiles/files/foo%2520bar.jpg" style="height:480px; width:640px" />

See that the space is encoded twice.

Due to a recent Firefox upgrade (> v. 36), there is no more line break in the source view textarea (there is an horizontal scrollbar).

It is reported here : ​https://support.mozilla.org/fr/questions/1050456

It can be simply fixed by changing, in skin/moono/editor.css , white-space : pre by white-space : pre-wrap

Because of UX and accessibility the update when upload is done should be marked as 'important' (this is why 'important' flag was created).

Scenario:

1. Open ​http://tests.ckeditor.dev:1030/tests/plugins/uploadwidget/manual/image
2. Drop file so upload starts.
3. Close the notification before upload is done.

Expected behavior: When upload is done and notification changes its type to success it should be shown again.

Actual behavior: It is not.

hey,

When I maximize editor with floating tools, the firefox browser wouldn't display anything except footer of my html page.

In chrome it is just fine, but in firefox browser I getting the issue.

Currently disabling the floating tool is the only solution to open editor in full screen mode, I can't figure out why this problem is occurs in firefox.

I am using CK editor v4.6.6 in my website and there is a problem when I press "enter" button in safari v 8.0.3. It takes me to starting of the first line. Can you please check the problem?

Working on #12877 shows that notifications are not exactly in the middle of the editor. The are moved to the right.

We should showcase:

• Files DnD.
• oEmbed.
• ???

Changes that we made were so deep and split into multiple tickets that we cannot easily explain them by listing tickets with descriptions. We should create a more descriptive section for 4.5.0 beta with links to documentation and tickets if possible.

We made so many changes in this plugin that we should review it for some leftovers.

1. Block widgets DnD should fire paste events.
2. Block widgets DnD should fire editor.dragstart, editor.dragend and editor.drop events.
3. Paste event should have additional parameter range so it should be possible to paste between blocks, where we can not set selection.
4. Some widget DnD clean-up is needed to remove leftovers.

This ticket should fix: #11219 and #12090.

When editing a child element of a parent with it's font-family set, the font name drop down does not show the font of the parent.

Steps to reproduce:

1. Setup HTML as shown in image.
2. Place cursor in Test.
3. You will notice while the Bold is shown as depressed, no font name information is displayed.

I define this in config:

stylesSet	: [ { name: 'Figure', element: 'figure' } ]

In the editor, when I select an image (<img>) and then select "Figure" from the styles list, I get this (view source):

<figure alt="" src="img.jpg"> </figure>

...instead of this:

<figure><img alt="" src="img.jpg"></figure>

There's something wrong with <figure> treatment in the editor, because if I change "figure" to "span" in stylesSet, the image gets nicely wrapped.

uploadimage requires clipboard to be loaded, but the clipboard plugin is not listed as a requirement:

​https://github.com/ckeditor/ckeditor-dev/blob/major/plugins/uploadimage/plugin.js#L22

As a result CKEditor may not load. Might be worth to check other newly introduced plugins for similar issues.

There is a typo in the mentioned line as well ("lister")

Hey guys,

I've seen this ticket a lot so I won't go into a mass amount of detail.

using: CKEditor 4.4

Firefox 36.0.1 Google Chrome 41.0.2272.89

Windows 7 64-bit

In short, I'm using the CKEditor for blogging purposes, on the local version of the site, it works fine. On the live version it changes the url to: ​http://mydomain.com/\"correct-link.com"/\

Is this a server fault or does CKEditor change on a live site?

-IBTrey

​http://tests.ckeditor.dev:1030/tests/plugins/clipboard/drop

Logs dozens of:

[CKEDITOR.dom.range.setEnd] Element CKEDITOR.dom.element is not a descendant of root CKEDITOR.tools.createClass.$
range.js:2701 [CKEDITOR.dom.range.setStart] Element CKEDITOR.dom.element is not a descendant of root CKEDITOR.tools.createClass.$

not all images are pasted into editor, from a document

I want move cursor to anchors from script. To do this, need select anchor by getById. But getById for anchors always null. Maybe because the anchor fake element?

For reproduce:

1) Go to ​http://ckeditor.com/demo[[BR]]

2) In browser console run:

console.log(CKEDITOR.instances['editor1'].document.getById('quotes'))

3) Got null, but in source we have:

<h2>Broadcasting and <em>quotes</em> <a id="quotes" name="quotes"></a></h2>

How to move cursor an anchor?

We have an application WAB ( Web Application Builder) which enables Business user to create forms using WYSIWYG editor. The current version of WAB is evergreened to run the WYSIWYG editoron CWD3 machines.

For this, we have intergrated a CKEditor with our WABDesigner and have developed different custom plugins for different html elements as per WAB requirement.

But Since CKEditor do not support creation of a custom plugin using 'span' tag elements we are not able to implement one of the core WAB feature of showif.

If we develope custom plugin using 'span' element then on-Show(double click) function doesnt work for that plugin and we are not able to see any setup properties for that element in dialogue, hence cannot edit any properties.

Can anybody please Suggest any alternative solution to this?

For testing purposes I created a "marktime" plugin. In steps it should do following:

1. Click the "M" button in the toolbar
2. Insert a button in the textarea at the cursor position
3. Clicking the button in the textarea
4. Pop up an alert with the current date (dummy function)

But what happens is following :

1. Click the "M" button in the toolbar
2. The alert pop up showing the date
3. The button is inserted int the textarea
4. Clicking the button in the textarea does nothing

Weird though, after inserting the source code shows this :

<p><input onclick="undefined" type="button" value="click me to get the time" /></p>

see also the attached plugin.js

Since CKEditor do not support creation of a custom plugin using 'span' tag elements ,If we develope custom plugin using 'span' element then on-Show(double click) function doesnt work for that plugin and we are not able to see any setup properties for that element in dialogue, hence cannot edit any properties.

Can anybody please Suggest any alternative solution to this?

If we pass range parameter to editable.insertHtml or editable.insertElement these methods use editable.insert*IntoRange which are low level methods (do not save snapshot, do not focus editor, do not scroll view). If we do not add the range parameter then editable.insert*IntoSelection methods are used which are high level methods (focus editor, save snapshot, scroll view). Because editable.insert*IntoRange and editable.insert*IntoSelection are different level API, this does not make sens that insert* works differently depending on the third parameter. It is unclear that editor will not do the snapshot if you give the range parameter and unclear how to use these methods (what addition operations should be done if range parameter is passed). To solve this problem editable.insertHtml and editable.insertElement should save snapshot (and do the rest of the needed operations) does not matter if range is passed or not.

Since this weird behavior is not documented I report this ticket as a bug.

When contentEditable="True" cursor:Pointer not Working in IE Browser but all other browsers supporting.

Steps was i tried..

1.Applied Inline style cursor:pointer

3. tried mentioned link suggestion also, ​http://ckeditor.com/forums/CKEditor-.x/How-change-cursor-icon-editable-area-dynamically#forum-topic-top

Note: 1.Support only <a contentEditable="false">Link</a> TAGS 2.Working when i put <a contentEditable="false">..Link or <ownTag>..</a> then cursor pointer is working fine IE and all browser without any issue.. 3.tried with old and latest versions 4.No issue with contentEditable="true" attribute.

Need Help without include <a> Tag i need cursor:pointer.........?

Thanks,

I put a check box with the name "checkbox1" and I didnt check "selected" checkbox. After that I double click on it.A popup "Checkbox Properties" come and now I checked " Selected" checkbox. But this does not reflect on ckeditor interface. "checkbox1" checkbox was not checked.

Now I click on source button 2 times. Now I get that "checkbox1" checkbox is looking as checked.

But why I need to click on source button to see the effect. Is that a bug?

I am using CKEDITOR 4.4.6

I am submitting the following content:

<span style="font-size:14px;"><span style="color:#EE82EE;">iuhoiuhoiuh</span></span>

The editor is stripping out the word "style" and replacing it with "class" resulting in:

<span class="font-size:14px;"><span class="color:#EE82EE;">iuhoiuhoiuh</span></span>

I have checked my code and I am not doing any replacing server side on that submission.

This is the script for the above textarea.

var config = {

height: 75, width: 515, linkShowAdvancedTab: true, scayt_autoStartup: true, enterMode: Number(2), extraPlugins : 'autogrow', extraAllowedContent: '*(*)', allowedContent: true, plugins: 'about,a11yhelp,basicstyles,bidi,blockquote,clipboard,colorbutton,colordialog,contextmenu,div,elementspath,enterkey,entities,filebrowser,find,flash,floatingspace,font,format,forms,horizontalrule,htmlwriter,image,iframe,indent,justify,link,list,liststyle,magicline,maximize,newpage,pagebreak,pastefromword,pastetext,preview,print,removeformat,resize,save,scayt,selectall,showblocks,showborders,smiley,sourcearea,specialchar,stylescombo,tab,table,tabletools,templates,toolbar,undo,wsc,wysiwygarea', autoGrow_maxHeight : 800, autoGrow_minHeight : 75, Remove the Resize plugin as it does not make sense to use it in conjunction with the AutoGrow plugin. removePlugins : 'resize', toolbar:

[

{ name: 'editing', items : ['Source','SpellChecker', 'Scayt' ] }, { name: 'tools', items : [ 'Maximize'] }, { name: 'colors', items : [ 'TextColor','BGColor' ] }, { name: 'links', items : [ 'Link','Unlink','Anchor' ] }, { name: 'insert', items : [ 'Image','Table','HorizontalRule','Smiley','SpecialChar'] }, { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript'] }, { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'] }, { name: 'styles', items : ['Format','Font','FontSize' ] }

]

};

if($(".general_text_area").length > 0){

$(".general_text_area").ckeditor(config);

}

Anyone have any idea why it would do such a thing?

config.entities_processNumerical cannot be set (neither thru config.js, custom config or inline)

Problem is fixed by adding CKEDITOR.config.entities_processNumerical=!0; (next to CKEDITOR.config.entities_latin=!0;)in ckeditor.js

In order to check/unckeck radio buttons by code we use element.setAttribute( 'checked', 'checked' );

If we got two radio buttons and we try to check first one and then the second. We end up with two radio button which have checked="checked" attribute. So it's not possible to check once again first item. That's because first one have already set this attribute.

The proper way to work radios is to manipulate checked property on native DOM element. See:

HTML

<input type="radio" name="done" value="foo">
<input type="radio" name="done" value="bar">

JS

var foo = CKEDITOR.document.findOne( 'input[value="foo"]' );
var bar = CKEDITOR.document.findOne( 'input[value="bar"]' );

window.setTimeout( function() {
	foo.setAttribute( 'checked', true );
}, 1000 );

window.setTimeout( function() {
	bar.setAttribute( 'checked', true );
}, 2000 );

window.setTimeout( function() {
	// It won't work.
	foo.setAttribute( 'checked', true );
}, 3000 );

Error occurs when response from imageUploadUrl link returns HTML content, ie PHP server returns stack trace.

Steps to reproduce:

1. Configure server to return stack trace for url set in imageUploadUrl
2. Use drag and drop to upload image
3. Observe ugly notification that overlaps page & editor

1. Open the nightly version of ckeditor
2. Navigate to "Text Color" and select "Red"
3. Enter text into the editor
4. Hit Enter and then type some more text on the next line
5. Hit Enter, then hit enter again (so there is a empty line)
6. Type in some text
7. Click on (or arrow up to) the empty line above the text you just entered and enter some text

Bug: the text on line 1, 2, and 4 are red as expected, but the text on line 3 is black.

The html reveals that when the empty line is clicked and text is entered it is placed outside the span with the font styles (see text in bold below).

<p>

<span style="color:#FF0000;">red text</span> <br>

</p> <p>

<span style="color:#FF0000;">red text</span> <br type="_moz">

</p> <p>

<span style="color:#FF0000;"></span>red <br type="_moz">

</p> <p>

<span style="color:#FF0000;">red text</span> <br type="_moz">

</p>  

Hello,

I use the latest version of ckeditor ; 4.4.7. I correctly defined a width and it is working good when not in source mode.

When entering source mode, the lines do not break automatically and therefore, i have very long horizontal scrolls to do.

What should i do?

Regards

Hi...I am having an issue with CKEditor in IE 11. After I installed, I receive the message "The environment is incompatible". In the F12 developer tools I see this line of code highlighted.

if(!CKEDITOR.env.isCompatible)throw Error("The environment is incompatible.")

Thank you, Mike

Hi...I have download and installed CKEditor 4.4.6. In IE 11, when I launch a web page with a CKEditor on it I am getting the following error: The Environment is incompatible.

On this line of code in ckeditor/jquery.js

if(!CKEDITOR.env.isCompatible)throw Error("The environment is incompatible.")

The CKEditor is not loading

I have attached a snapshot of our version of IE 11

Thanks for helping, Mike

Double click the select control which has been added cannot open the dialog in Firefox。

I am trying to create a custom dialog for a plugin. I'm reusing the dialog contents in different parts of my webpage, so I chose to use the "html" element in the dialog and put the contents I wanted in the dialog within the "html" element tag. However, tab based navigation only focuses on the ok and cancel buttons and ignores form fields within the html element unless I explicitly add them using addFocusable. Steps to reproduce -

1. Create a custom plugin which popus up a dialog on button click.
2. In the dialog definition, have something like: elements: [{

type: 'html', html: '<div><input id="main" /></div>'

}, ]

3. Add plugin to editor.
4. click on new plugin button
5. Try tabbing to the input field in the dialog -- it will only focus on ok onand cancel.

Browser and OS - Tested on Safari, Firefox, Chrome on Mac (10.7+), Firefox and Chrome on Windows 7

I'll attach a sample plugin.

The symptom I am experiencing is during an Undo, the bookmarks that are being created are not matching up when getByAddress tries to look them up later. I have tracked this down to the fact that "getIndex" inside core/dom/node.js skips blank nodes:

Bypass blank node and adjacent text nodes.

if ( normalized && current != this.$ && current.nodeType == CKEDITOR.NODE_TEXT && ( isNormalizing

!current.nodeValue ) )

continue;

However, getByAddress in document.js does not skip blank text nodes. It seems to compress multiple text nodes into one, but does not skip blank nodes. This means that if I have a blank node above my editor, the undo action is constantly encountering warnings about "<node> is not a descendent of root" that eventually can result in my users losing large amounts of text when they undo. Here is the stack trace of the error that eventually occurs and causes a big problem:

IndexSizeError: Failed to execute 'setEnd' on 'Range': The offset 19 is larger than or equal to the node's length (0).

at Error in native:0 at Object.CKEDITOR.dom.selection.selectRanges in ​http://localhost:5000/ckeditor/core/selection.js:1926:19 at Object.CKEDITOR.dom.selection.selectBookmarks in ​http://localhost:5000/ckeditor/core/selection.js:2069:10 at Object.UndoManager.restoreImage in ​http://localhost:5000/ckeditor/plugins/undo/plugin.js:423:9 at Object.UndoManager.undo in ​http://localhost:5000/ckeditor/plugins/undo/plugin.js:508:18 at Object.CKEDITOR.plugins.add.init.editor.addCommand.exec in ​http://localhost:5000/ckeditor/plugins/undo/plugin.js:29:23 at Object.exec in ​http://localhost:5000/ckeditor/core/command.js:52:35 at CKEDITOR.tools.extend.execCommand in ​http://localhost:5000/ckeditor/core/editor.js:829:38 at Object.onKeyDown in ​http://localhost:5000/ckeditor/core/keystrokehandler.js:56:24 at listenerFirer in ​http://localhost:5000/ckeditor/core/event.js:144:33

My application is an Ember app, so ideally the fix would be to resolve ​https://dev.ckeditor.com/ticket/10411 as it is quite common to have elements appearing/disappearing around the editor in such an application, which would completely mess up the bookmarks. But in the mean time, it would be great to have this particular issue fixed, as I can't remove the empty text node that is causing the problem.

config.extraPlugins = 'timestamp, savebtn';

the "white space / blank" after the comma in the assembled string 'timestamp, savebtn' in CKEditor.config produces a "resource not found" error and leads finally to a missing plugin.

A very tough bug since it is hidden and one expects white spaces usually in such strings to be stripped. So one does recognize the issue immediatly.

var buttonElement = '<input  type="button"  value="click me"  data-test="test attribute"></input>';
var linkElement = CKEDITOR.dom.element.createFromHtml(buttonElement, editor.document);
editor.insertElement(linkElement);

// attach listener to capture clicks
editor.editable().attachListener( linkElement, 'click', function() {
                            var attribute = linkElement.getAttribute('data-test');
                            ...
                            console.log('attribute = ',attribute);
                }

In the plugin code sample above a listener is attached (as recommended by Reinmar) to an 'input' element to capture mouseclicks. To transport data a customer attribute is implemented. While the anonymos function is called perfectly, the 'attribute = linkElement.getAttribute('data-test');' returns 'null'.

I am getting below error in my application. I have a popup window, for the description field i using the text-format: WYSIWYG Mini. Because of the error, i'm not able to close the popup window.

Uncaught TypeError: Cannot read property 'clearCustomData' of null

CKEditor 4.4.1 Line No. #731

Can you help me for the resolution.

I filed bug #13020 a couple weeks ago explaining that we're seeing lots of CKEditor exceptions in our code. Here's a second one that we've been able to reproduce in jsfiddle. I will also attached a video.

To demonstrate the bug go to: ​http://jsfiddle.net/ftey46fc/14/

1) Type 'test' in the editor 2) Click to the left of 'test' between it and the border. About half

way works fine. (You can basically click anywhere in the 'padding' between the editor's content and the word e.g. you can click above it too.

3) Press the 'Delete' or 'Backspace' key.

The Video is viewable here: ​http://youtu.be/QNjrwfnpGwI

Video timeline:

0:00 - Show URL 0:08 - Show current console messages (e.g. that the exception has not happened yet) 0:14 - Show that we are in fact at the end of the console log (no hidden messages) 0:22 - Show Firefox version 0:32 - Type 'test' in the editor 0:39 - Click to the left of the word 'test' 0:42 - Show that the exception has not happened yet 0:46 - Press 'Delete' key 0:50 - Exception 'h is undefined' triggered

when I copy text from attached MS Word doc text is losing formatting. Arial 12 in MS Word is more like Arial 10 in CKEditor and spaces between lines are much bigger then in MS word.

Hi CKSource Team,

We have integrated the latest version of CKEditor (Version 4.4.7) to our website.

When we try adding CKEditors in our webpage (using a "Add Response" button), after adding 11 or above CKEditors then some of the CKEditors are loading within other CKEditors and the newly added CKEditor space is just empty space. This is occurring in IE9 browser.

This issue was also occurring with the older version of CKEditor 4.0.1.

It works perfectly in IE11, Chrome and Safari browsers without any issues.

Only in IE9 browser we are getting this issue.

Attached screen captures of the issue.

Any help would be appreciated.

Thanks, Raghu.

There are some problems with HTML5 on IE8.

• IE8 adds colon before HTML5 tags when native clone is called, this should be fixed.
• There are a problem with document fragment.
• getHtmlFromRange should works fine with HTML5 tags on IE8.

Needs tests and fixes.

Bender 0.2.3 introduces a fix in the test directive parsing mechanism that makes the current version of the plugin crash while trying to convert coma-separated lists of plugins to arrays.

The current plugin depends on a "buggy" output of test directive parser. For example, such directives:

/* bender-ckeditor-plugins: foo, bar */
/* bender-ckeditor-remove-plugins: baz, qux, quux */

should be converted to the following object:

{
    ckeditor: {
        plugins: 'foo, bar',
        remove: {
            plugins: 'baz, qux, quux'
        }
    }
}

while in Bender 0.2.2 they produce this:

{
    ckeditor: {
        plugins: 'foo, bar',
        'remove-plugins': 'foo, bar, baz'
    }
}

which doesn't really make any sense.

When you define a style for one line, then you press enter and continue to write some text, we keep the inline styles. But now if we use the backspace until deleting the first character, then, if I don't move the cursor, it will correctly keep the inline style, but if I move my cursor or click outside the editor or backspace one more time until to delete the new line and have the cursor at the end of the last line, then when I write again some text, I loose the inline styles.

First I have this

"<p><font face="comic sans ms, cursive">my text^{</font></p>" --> Then press enter}

"<p><font face="comic sans ms, cursive">my text</font></p>

<p><font face="comic sans ms, cursive">my new text</font></p>" --> Then Backspace until you delete the first letter, and then you have different possibilities to reproduce. You can click outside the editor then come back and write text again. Or you can backspace one more time to come back to the first line and then write again some text. In both case we loose our font family.

Rich attributes

This problem was discovered by using "rich attributes" (IIRC that's how @Reinmar described it): CKEditor Widgets whose data is stored in data- attributes.

Drupal 8's drupalimagecaption plugin extends CKEditor 4's image2 plugin, and instead of storing the caption in a <figcaption> 'tag', it stores it in a data-caption 'attribute'. This is where things go wrong.

Whenever the user writes plain HTML tags in the caption (i.e. in the widget's "caption" box enter something like <a href="http://drupal.org">test</a>), the data stored in the data-caption attribute is only HTML-encoded once, instead of twice, which upon upcasting then doesn't result in the entered HTML showing up, but in the 'rendered' HTML showing up.

See ​https://www.drupal.org/node/2460145.

I was convinced this was actually a bug on the Drupal side. So I started using CKEDITOR.tools.html(En|De)code(Attr)(), but… doing so uncovered a whole new problem…

DX WTF: CKEDITOR.tools.html(En|De)code(Attr)()

Copy/pasted from the Chrome developer console, to demonstrate a bug.

var e = CKEDITOR.tools.htmlEncode
undefined

var d = CKEDITOR.tools.htmlDecode
undefined

e('<tag>')
"&lt;tag&gt;"

e(e('<tag>'))
"&amp;lt;tag&amp;gt;"

d(e('<tag>'))
"<tag>"

d(e(e('<tag>')))
"<tag>"

d(e(e(e(e('<tag>')))))
"&amp;amp;lt;tag&amp;amp;gt;"

d(e(e(e('<tag>'))))
"&amp;lt;tag&amp;gt;"

d(e(e('<tag>')))
"<tag>"

If this is by design, the documentation should warn developers. And it should be explained why.

Hi, I have issues to correctly parameter the "allowedExtraContent" option. In my textarea there is custom HTML tag that I want to keep.

There is an example : <foo>bar</foo> <foo attr="value"/>

I successfully manage to keep the first one using : extraAllowedContent : 'foo' But the I can't manage to keep the second one.

Thanks for your help.

In image Dialogue box on Click of "Send it to the Server" button i weant to call javaScript function wich checks uploaded file if image or not. How to call javascript function on "Send it to the Server" and in which file i need to change.

Please provide the ability for user to specify Numbered/ Bulleted List Style during list creation.

Currently user has to create list and then use context menu to open list properties dialog to change list styles. This is not user friendly and tedious.

Our product uses CKEditor 4.4.6 for email creation.

We recently had to begin using bookmarks, because (due to an add-on) when saving a draft the body of the email needs to be removed and replaced.

Due to the nature of the add-on, the following code is not exactly the same, but serves the same purpose.

function removeUnusableData () {
  var messageBody = getMessageBody(); //gets the body from the cke_1_contents iframe as html
  messageBody = $("<div>" + messageBody + "</div>");
  messageBody.find('div pre:contains("Something related to the add-on")').parents('div:first').remove();
  messageBody.find('div pre:contains("Something else related to the add-on")').parents('div:first').remove();
  return messageBody.html().trim();
}

//replaces the email body with the passed string
function swapBodyInput (str) {
  $('#cke_1_contents iframe').contents().find('body').html(str);
  $('#BodyHTML').val(str);
}

//str is only passed in if the add-on is enabled
//the bug may occur whether or not the add-on is enabled
function saveDraft (str) {
  var bookmarks = htmlEditor.getSelection().createBookmarks2();
  if (str) { //This is only hit if the add-on is running
    swapBodyInput(str); 
  }
  //hits when the add-on is running and CKEditor is enabled 
  else if (!str && isHTML) { //users can choose to edit in plain/text if they so desire
    swapBodyInput(removeUnusableData()); 
  } 

  $.post(formURL, $('form').serialize(), saveDraftCallback, 'json');

  //by the time we reach here, the body has already been removed and replaced
  htmlEditor.getSelection().selectBookmarks(bookmarks); 
} 

Every now and then, the cursor will not be returned to the correct location. It's not every time, so I have yet to nail down precise steps to reproduce the issue. However, it has been reported repeatedly by one person, and a couple of times by another. I have seen it happen once while typing an email.

I report them together, move them to the separated tickets if needed.

​http://tests.ckeditor.dev:1030/tests/plugins/dialog/beforeunload - crash Chrome ​http://tests.ckeditor.dev:1030/tests/tickets/11110/1 - 1 red test ​http://tests.ckeditor.dev:1030/tests/plugins/pagebreak/pagebreak - 1 red test ​http://tests.ckeditor.dev:1030/tests/plugins/widget/nestedwidgets - 2 red tests

Placing the cursor immediately after a link and attempting to insert a second link causes the original link to be replaced.

I can recreate this on ​http://ckeditor.com/demo in the following browsers:

• Chrome 41
• Firefox 36.0.4
• IE 11

Steps to recreate on demo site:

1. Place cursor immediately after "Buzz Aldrin" link, before comma (shown in screenshot)
2. Click on Toolbar link icon
3. Attempt to insert a link to Google

You will see that the "Buzz Aldrin" link is replaced with a link to Google, instead of the "Buzz Aldrin" link remaining and a second link to Google being added.

Please note that if you insert a space after the "Buzz Aldrin" link, and then click on the Toolbar link icon and create a link to Google, it will behave as expected/desired (2 separate links).

Crashes any browser - ​http://tests.ckeditor.dev:1030/tests/plugins/dialog/beforeunload

Having HTML tags display in within ckeditor textarea box. Below is my config.js settings. Example:

1. Input "<p>Hello </ br></ br>test</p>"
2. Save
3. Displays as when re-open: "<p>&lt;p&gt;Hello &lt;/ br&gt;&lt;/ br&gt;test&lt;/p&gt;</p>"

config.skin = 'bootstrapck'; config.uiColor = '#EFEFDE';

config.removePlugins = 'elementspath,resize'; config.extraPlugins = 'aspspellcheck'; config.indentOffset = 4; /*config.enterMode = CKEDITOR.ENTER_BR;*/

config.htmlEncodeOutput = true;

config.allowedContent = true; config.toolbar_PRACTICE_1 = [

['Bold', 'Italic', 'Underline', '-', 'NumberedList', 'BulletedList', '-', 'aspspellcheck', 'Font', 'FontSize', 'TextColor', 'BGColor']

];

Hi,

I am using ckeditor version 3.3.2

First of all there are no any button for uplode media files. When I am trying to upload media files through Images or Flash it displayed a error message "Denied file extension".

Please help me out from this issue. Please suggest how can I enable file upload button in ckeditor.

Regards, Pradeep

It should return null as it returns in WYSIWYG mode when there's no selection.

The new samples proved that the current CSS reset rules are insufficient. For instance - margin of sourcearea's textarea, underline and color of links.

Hello Sir/Madam,

We are using CKeditor for backend data operations in our CMS system. We use its 'Paste from word' functionality to insert data into the editor. In the first attempt, our function CKEDITOR.instances.description.document.getBody().getChild(0).getText(); reads all the data but if I delete the data and re-insert it again using same 'Paste from word' functionality, the above function reads no data and returns validation error. This is happening in only Chrome Browser not in Mozilla Firefox. I have tested it in Windows 8 as well as Ubuntu 14.04.

Please look into the matter and help me with the solution.

To reproduce the defect:

1. Open ​http://nightly.ckeditor.com/15-03-31-06-09/full/samples/replacebyclass.html

2. Delete all content by clicking on New page icon.

3. Type 2 paragraphs.

4. Right click next to paragraph, CK Editor context menu opens as expected.

5. Click any where(except 2 paragraphs) in editor body and right mouse click.

Expected Result: CK Editor context menu opens.

Actual Result: Browser context menu opens. Added a screenshot of the issue. If you click anywhere outside Blue/Yellow box CK Editor context menu not opens. This is a customer raised issue and high priority.

Hi...we have a C#.Net web app that we have been using CKEditor with for several years. We have been able to copy tables from MS Word into the CKEditor until now. We have just upgraded CKEditor to 4.4.6 to support out IE 11 browsers and are no longer able to copy tables into CKEditor text boxes. What do I need to do to regain this functionality?

Thanks

Hi...we have a C#.Net web app. We have been able to copy bullets from MS Word into the CKEditor until now. We have just upgraded CKEditor to 4.4.6 to support out IE 11 browsers and are no longer able to copy bullets into CKEditor text boxes. What do I need to do to regain this functionality?

I have attached two files. One for the Word doc and the highlighted bullets The other, the CKEditor after pasting

Thanks Mike Thanks

1. Open ​http://tests.ckeditor.dev:1030/tests/plugins/widget/manual/block
2. Select any widget.
3. Move it using drag and drop.
4. Undo.

Result: widget is not selected (it should be) and selection is lost.

Bug introduced by #13042.

Note that in #13042 this assertion were removed because they failed:

• ​https://github.com/ckeditor/ckeditor-dev/blob/7342d1806e7534ed14a4ec39d8d5d7b08fd61203/tests/plugins/widget/dnd.js#L380
• ​https://github.com/ckeditor/ckeditor-dev/blob/7342d1806e7534ed14a4ec39d8d5d7b08fd61203/tests/plugins/widget/dnd.js#L388

They should be restored after the fix or appropriate assertion should be added instead.

When calling editor.insertHtml on IE11 (Edge mode) nothing happens, we get no error but the selected text isn't replaced.

It tries to execute editor.addContentsCss without checking if it exists.

It should insert the tab character instead.

It tries to autocomplete in many situations in which it shouldn't. It opens after every {, , character and that's make the editor hardly usable if you want to rearrange the toolbar deeper that just edit one toolbar group.

Steps to recreate:

CKEDITOR.instances.editor1.insertHtml('<a>hello</a>')

User clicks editable zone of the editor (eg. iframe.body), and after the wording "hello" displays (this means the caret is position after the word "hello")

User types the following characters in the editor " world"

Observed Result = CKEDITOR.instances.editor1.getData()

"<p dir="ltr"><a>hello</a> world</p> "

Expected Result =

CKEDITOR.instances.editor1.getData() "<p dir="ltr"><a>hello world</a></p> "

Note: this is not an issue in Chrome.

First of all it should be "groups", not "elements".

Second, it should be:

• "Show empty toolbar groups" when they are hidden.
• "Hide empty toolbar groups" when they are visible.

In Firefox in config.extraPlugins = 'image'; there is an upload button. If i open it in IE11 there is no upload button?

Follow up of #12858.

1. Open any sample with the classic editor.
2. Select all with CTRL+A.
3. Press backspaces.

Expected: empty paragraph (or heading if it was the first block).

Actual: empty div.

This issue doesn't seem to be reproducible in inline editor. This can be a clue to how to solve it.

Follow up of #12858.

1. Open any inline sample.
2. Focus editor.
3. Click the color button.
4. Focus is lost (toolbar disappears).

It may not be a problem of inline editor only, because focus lost will not be visible in the classic editor.

Hi,

I have ckeditor in the application in asp.net application through jquery. Its working fine at local. Its inserting data in database, does not matter whatever is the length of the text. But when i insert data on live after putting the build on the server. It is not saving the data, when i reduce its length then it is saving the data.

Please help in this context.

Looking forward to hear regarding the same.

The widget plugin appears to be relying on CKEDITOR.dom.element's find and findOne methods, which use querySelector and querySelectorAll, respectively, of the Selectors API(​http://www.w3.org/TR/selectors-api/). It appears the Selectors API is not available in IE9 quirks mode.

Using the attached ckeditor project and a simple http server like Python 3.0 http.server...

1) Browse to index.html

Notice that toolbar plugins are not enabled. There are also console errors. SCRIPT438: Object doesn't support property or method 'querySelectorAll' element.js, line 1897 character 5

In #13135 we made the toolbar sticky, now it's time to add buttons to it.

My advice would be to make only one element with fixed position and appending the elements that should be fixed to it. The reason is that the div with toolbar may change height dynamically so setting top position of buttons would be hard. It'll be better when they'll be in the same container.

Preview click in firefox show empty screen, whereas it works perfectly in google chrome and other browsers.

Note: It works when ckeditor.js is loaded from the same domain, but not on ​http://ckeditor.com/demo#full for instance where ckeditor.js is loaded from the CDN.

How do I select multiple values for a select box in my plugin for ckeditor?

Dear Team,

I found this issue in CKEDITOR Standard editorby IE Browser,

Please give an way to fix this issue...

Steps To Reproduce:

1. Left or Right click in editor page after few lines scroll
2. click outside of editor
3. Then, right click in editor page, it is scrolling automatically to top of editor page

Note: 2 Elementpath taking, 1 is first time click, another one second time click

Thanks

This issue was raised by one of IBM main customer, who is experiencing difficulty copy/pasting numbered list from word.

Attached is an example of what is what the user experiences with the latest CKEditor, versus word / another web editor.

Because manual tests use left margin on the body element, lineutils have incorrect left margin.

To reproduce:

• Open: ​http://tests.ckeditor.dev:1030/tests/plugins/clipboard/manual/draganddrop
• drag block widget (image with caption).

Magicline looks good in manual tests.

Browser: Chrome. Version: 4.5.0

1. Open: ​http://tests.ckeditor.dev:1030/tests/plugins/embed/manual/embed.
2. Copy some proper link into clipboard.
3. Click "embed" button to open dialog.
4. Paste link into text input.
5. Click "cancel".
6. System popup will be shown.
7. Click "cancel" in the system popup.
8. Click "ok" in the embed popup.

Result: There is an error in console

Cannot read property 'getParent' of null

Browser: Chrome Version: 4.5.0 beta (not a regression)

Open: ​http://tests.ckeditor.dev:1030/tests/plugins/list/manual/mergelistitems

1. Put a caret at the beginning of the foo link in the first editor.
2. Press a backspace.

Content doesn't change but selection does.

This is only reproducible on FF. Steps to reproduce:

1. Go to ​http://nightly.ckeditor.com/15-04-10-06-08/full/samples/replacebyclass.html
2. In the console type: CKEDITOR.instances.editor1.editable().on('keyup', function(){console.log(CKEDITOR.instances.editor1.getData())})
3. Start typing in the editor -> You can see in the console that the first space after some text is ignored and not inserted in the Editor

Hi,

There is an error on ​http://nightly.ckeditor.com/15-04-11-06-09/full/samples/plugins/toolbar/toolbar.html if you try to insert a hidden field clicking "Hidden field", entering values for name and value and press "ok", a js error occurs:

TypeError: a.setAttribute is not a function

a.setAttribute( 'type', 'hidden' );

This happens on Firefox 37.01, Chrome and Safari, IE 11 works fine

Best regards

Bernd

1. Open editor with following content:

   <p><span style="font-family:courier new,courier,monospace">&iquest;Que pasa?</span></p>
   <p>Buenos d&iacute;as.</p>
   

2. Press Ctrl + A.
3. Open font drop down.
4. Select "Courier New".

Expected result: Whole content font should become "Courier New". Result: Font style resets.

1. Open editor with following content:

   <p><span style="font-family:courier new,courier,monospace">&iquest;Que pasa?</span></p>
   <p>Buenos d&iacute;as.</p>
   

2. Press Ctrl + A.
3. Open font drop down.
4. Select "Courier New".

Expected result: Whole content font should become "Courier New".

Result: Font style resets.

​http://tests.ckeditor.dev:1030/tests/plugins/uploadwidget/manual/error

The description says that the upload should fail when 50% is done. It fails when 0% is done. It must be checked what's wrong - description or the test's code. I think that the latter.

1. Build basic preset.
2. Open the adv toolbar configurator
3. See that in the toolbar there are no undo and redo buttons but there are in the source.
4. Switch to the basic configurator and see that it correctly disables those buttons.

There is a serious bug if you copy from MS Word and paste the content in latest stable CKEditor (4.4.7) with Firefox or Chrome under Windows!

You can easily reproduce it:

1. Open CKEditor in Firefox or Chrome on Windows.

2. Copy all content from the attached docx test document opened with MS Word (I tested with Word 2010). My example (The beginning question mark is important!):

   Test A
   „Test B“
   TestC
   

3. Paste into CKEditor (via CTRL+V or "from word" or "as text")

=> 2nd line was dropped after pasting!

See the HTML source code view:

<p>Test A</p>
<ul>
    <li>&nbsp;</li>
</ul>
<p>Test C</p>

The problem occurs with Firefox FF (37.0.x) and Chrome (41.0.x) under Windows. IE11 works fine without problems. Also no problems (with Firefox and Chrome) if you copy the content from LibreOffice instead from MS Word.

This problem is very serious because you assume that content was paste!

1. Open ​http://tests.ckeditor.dev:1030/tests/plugins/embed/manual/embed
2. Try DnD.
3. Error: Object doesn't support this property or method

				// Don't visit non-editable internals, for example widget's
				// guts (above wrapper, below nested). Still check editable limits,
				// as they are siblings with editable contents.
				if ( !el.hasAttribute( 'contenteditable' ) && el.isReadOnly() )
					continue;

Which means that "el" is something weird.

Hi,

i do have vertical scrollbar jumping issue in chrome with ckeditor 4.3.2.

I have loaded ckeditor 4.3.2 in my application, where I am creating content in it and saved to DB. when load ckeditor I have set focus on top when ckeditor is empty and When I create new content with empty ckeditor or when saved empty ckeditor and reload again with empty contnet in ckeditor and then when I click into ckeditor top position (at 0), at that time in chrome ckeditor jumps to down. when I fire any keyevent that time also scrollbar moves to down and back to top that issue irritate me lots.

Any help on this would be appreciated as this is a major issue for us.

Thanks Dharmesh Joshi.