Custom Query

I had a brief search in the community so forgive me if this is a duplicate/known issue.

This particular bug occurs when you insert an image within CKEditor (Image 2 Plugin), provide a caption to the image, and then try apply a link to the entire image & caption. If you then click the 'Source' button, or save and then re-edit the content then all the toolbar buttons are inactive.

It looks like something going a bit awry with element handling but whatever the problem is it is causing all page JS to fail.

This is reproducible on all modern Win/Mac browsers (not tried *nix, but presume the same) and where we have CKEditor for use within Drupal (I cannot confirm if this issue is present in non-Drupal setups). Drupal version is 7.32, CKEditor 4.4 and Image 2 4.4.6.

Hi, CKEditor Version 4.6.6 is not compatible with IE-8 browser Plz give response as soon as posible

hello i have this error : TypeError: this.getWindow(...).$ is undefined in ckeditor.js: line 83

i am trying to ajaxify comments in drupal but this error occures when i reply a comment and i try to save.

this is my code: $.ajax({

type: "POST", url: url, data: $(this).serialize(), serializes the form's elements.

success: function (data) {

document.title = data.match("<title>(.*?)</title>")[1];

data = $(data); var link = [],

style = [], script = [];

var currentLink = $('link'),

currentStyle = $('style'), currentScript = $('script');

for (var i=0; i <data.length; i++) {

switch (data[i].tagName) {

case "LINK":

link.push(data[i]); break;

case "STYLE":

style.push(data[i]); break;

case "SCRIPT":

script.push(data[i]); break;

}

} link = $(link), style = $(style), script = $(script); getNewElement(link, currentLink); getNewElement(style, currentStyle); getNewElement(script, currentScript);

$( "#content" ).html( data.find("#block-system-main")); Drupal.attachBehaviors('#content');

var content_type=Drupal.settings.ajax_links_api.class_content_type; $("body").attr('class',content_type +' toolbar-drawer');

ajaxLoading = false;

getCurrentCatForBody();

}, error: function (xhr, ajaxOptions, thrownError) {

window.location = url;

}

});

If I paste a big document from Word (30 pages of text) it is processed very slow if the contents.css is empty (~3 minutes instead of ~8 seconds).

When the change event is fired, if the receiving function changes the text in any way, the UndoManager does not update the save image to the changed version. Therefore, it saves the version before the change was fired, which is the incorrect version for the snapshot.

Steps to reproduce (not necessary, submitting pull request for fix to ckeditor-dev Github repo):

1. Create an onChange function that receives the 'change' event and edits the text when executed
2. Make a change that would trigger the event with the correct parameters to edit the text
3. Try to undo the change

Expected: Will undo the change Actual: Undo only reverts to intermediate step (which may or may not trigger the onChange event again)

Hi,

I have a problem with ckeditor on ipad. I have the editor in a bootstrap modal. all work well on the other browsers, but on ipad safari, when you touch inside the editor, the keyboard does not appear so you cannot write anything in it. If you hit one of the buttons like bold, the keyboard will appear after a while.

this is how I initialise the ckeditor:

CKEDITOR.replace( 'text_to_add', {

toolbar: [

{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike'] }, { name: 'paragraph', groups: [ 'list', 'indent'], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote'] }, { name: 'links', items: [ 'Link', 'Unlink'] },

{ name: 'styles', items: [ 'Styles', 'Format', 'Font', 'FontSize' ] }, { name: 'colors', items: [ 'TextColor', 'BGColor' ] },

], enterMode: CKEDITOR.ENTER_BR

});

here is an example of the code in this url:

​http://svn.dealguardian.com/ck_editor_modal

just hit manage categories and select text box and click continue

thanks

'test foo': function() {
	assert.isNumberInRange( 102, 99, 101, 'xx' );
}

gives:

tests/utils/assert/isnumberinrange - test foo
xx
Expected: 102 (number)
Actual:   undefined (undefined)

After #12750 if more than one space is between words the underline and strike is removed from these parts.

Test ​/tests/tickets/12812/1 uses a fixed port for testing.

Port 1030 might not always be the case, eg. with our automated building script (ck-presets) we're running bender at port 10<ckVersion>, eg 10447.

If you don't have bender ran for 1030 you're unable to check the test.

We eventually might use javascript location.port to determine the current port.

There's a new release of Bender.js - 0.2.0 - that introduces several breaking changes in the plugin API, due to this our CKEditor plugin for Bender must be updated.

Apart from this, all Bender plugins defined in devDependencies in package.json should be updated to their latest versions.

At this point we can also add benderjs@0.2.0 as a devDependency since it's no longer needed to install it globally. I've moved the CLI part of Bender to another project - benderjs-cli that can be installed globally instead.

• Browser and OS : firefox 35.0 / Windows7 Professional K Service Pack 1
• test editor : ​http://ckeditor.com/demo#full

Steps

1. insert souce

example source : <object height="394" id="NSPlay" width="620"><param name="fileName" value="​http://mok.kookmin.ac.kr/UCC/NEWnHOT_UCC190_20150107.wmv" /><param name="ShowStatusBar" value="False" /><param name="ShowDisplay" value="False" /><param name="ShowControls" value="True" /><embed height="394" src="​http://mok.kookmin.ac.kr/UCC/NEWnHOT_UCC190_20150107.wmv" type="application/x-mplayer2" width="620"></embed></object>

2. click the source button to switch to the WYSIWYG mode

3. Alternate Text of the video is not visible

Conclusion : I would like to see the alternate text of the video in the WYSIWYG mode

1. Open replacebycode sample.
2. Double click any link.
3. Close the link dialog.
4. Click the image button.

An error is thrown:

var childTagName = linkChildren.getItem( 0 ).getName();

"getName" is not a function.

Reproduced at least on IE9 and Chrome from 4.1. Most likely it's much older bug.

Browser: Opera, Chrome.

1. Open "Read only" sample.
2. Click "Make it read-only" button.
3. Open "Find" dialog.

Error in console ​here.

Uncaught TypeError: Cannot read property 'clone' of undefined

Hi there.. I have a C# .Net web app. I have just upgraded from CKEditor v3.6.2 to v 4.6.4. When I load my web app I get the following error: "JavaScript runtime error: 'SCAYT' is undefined" on line on line 956 of ckeditor.js on this code

b=new SCAYT.CKSCAYT(b,
function(){},function(){})

I do not get this error in Firefox. Our production environment is moving to IE 11 soon.

Can you assist me?

Thanks Mike

1. Remove Doctype from one of the samples.
2. Open it in IE9.
3. Click in the editor.
4. Error is thrown

When I try and paste content from Notepad using Ctrl+V the formatting, in my case bolding of text, disappears. I have been able to reproduce this issue using the demo page of CKEditor. The Div Editing Area plugin (​http://ckeditor.com/addon/divarea) must be used as well as the Chrome browser. I was unable to reproduce this issue using IE 10 or Firefox.

Steps to recreate issue.

1. Insert a table and set width to 50%.
2. Add some text and bold it.
3. Click outside of the right side of the table.
4. Press Delete key.
5. Paste content using Ctrl+V.

Video: ​http://screencast.com/t/9pcKXBe02ff

When we copy and past text from one ckEditor form to another, we have several issues: 1) added tags <p>&nbsp;</p> <p>&nbsp;</p> 2) In tables where attribute style="width:100%;", its converts into attribute style="width:1501px;"

How we can fix this and disable this filters?

Image src is changed after switching image from widget's own dialog. Data function is called with proper attributes (with changed image src) and new image is shown in the editor WYSIWYG. There is no downcast function since HTML structure doesn't change.

When I switch to source mode changes to contactImage src attribute are lost. It is as if changing widget element's inner tag attributes with setAttribute in widget data does not register as a change.

    editables: {												
        contentName: {
            selector: '.name'
        },
        contentJobTitle: {
            selector: '.jobTitle'
        }
    },
    ...
    template:
    '<div class="NID_contact" vocab="http://schema.org/" typeof="Person">'+
        '<div class="contact card row">'+
            '<div class="contact-photo col-xs-12 col-sm-3">'+
                '<img class="contactImage roundcorners" property="image" alt="" src="/img/default.png" />'+									
            '</div>'+
            '<div class="contact-details col-xs-12 col-sm-9">'+									
                '<div class="contactHeader">'+																			
                    '<h2 class="name" property="name">'+
                        'Firstname Surname'+
                    '</h2>'+
                    '<p class="jobTitle" property="jobTitle">'+
                        'Job Title'+
                    '</p>'+							
                '</div>'+
            '</div>'+
        '</div>'+
    '</div>',
    ...
    data: function() {
    
        // regex for trim
        // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/Trim
        var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
        
        
        var img = this.element.findOne('.contactImage');
        
        if(img != null)
        {
            img.setAttribute('src',this.data["img"].replace(rtrim,''));
        }        
    }                                     

To get my widget working I had to define terrible downcast function:

    downcast: function(element)
    {
        // regex for trim      
        var rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
        
        element.children[0].children[0].children[0].attributes.src = this.data["img"].replace(rtrim,'');
        

        return element;
    
    },

Is there an easier way to select element's children preferably by class with CKEditor in downcast like ckeditor.dom.element.findOne for ckeditor.htmlparser.element ?

I just need to set a value 1, then a value 2, without a delay. However CKEditor state and behaviour is invalid.

​http://ckeditor.com/demo See "Standard editor" demo.

Open JS-console then type right in your browser (I use the latest Chrome 39.0.2171.99 (64-bit) / OS X):

CKEDITOR.instances.editor1.setData('1234'); CKEDITOR.instances.editor1.setData('4567'); console.log(CKEDITOR.instances.editor1.getData())

Now, press "Source" button in the toolbar, then repeat the logging-test:

console.log(CKEDITOR.instances.editor1.getData())

Why CKEditor fails when I try to call some methods one after another?

editor.setData( someData );
// somewhere later...
editor.destroy();

The answer, unfortunately, isn't simple. Otherwise we'd have this fixed a long time ago. This is a mix of history, backwards compatibility, architectural limitations and lack of good solutions.

First thing to notice is that this is not only editor.setData's problem, because other editor's methods could malfunction too. Editor.getData, editor.destroy, editor.setReadOnly, etc. are not going to work if editor is not in the ready state. Furthermore, this problem concerns some other classes as well - e.g. CKEDITOR.editable.

Second thing to notice is that this problem occurs not only when editor isn't loaded yet, but also when switching between states and setting data (both operations can be asynchronous). This introduces more variables to the equation and could even make the state checks pretty ugly. Fortunately, we introduced editor.status and editable.status (although, we did this pretty recently), so currently this wouldn't be that bad.

Another architectural aspect that would have to be taken into consideration is how the code is decoupled. For instance, the editor.setData method only fires an event. If we started checking the editable's state inside this method we would create a tight relations and could break some existing implementations.

Backwards compatibility is important for one more reason - we can make backward incompatible changes, but we must do them in a smart way. For instance, once it's done it should be final - we can't ship some other solution in the next major release if this one turns out to be unsatisfactory. This rises the stake pretty high.

The last thing, and actually the most unfortunate, is that throwing errors is not that good solution. It may tell you that you're doing something wrong, but it won't tell you when you can do it.

try {
	editor.setData( ... );
} catch ( err ) {
	if ( err instanceof CKEDITOR.editorNotReadyError ) {
		// apparently, it wasn't the right moment
		// ... and what now? Ok, let's wait for some imaginary "ready" event
		// (which doesn't exist right now):
		editor.once( 'ready', function() {
			editor.setData( ... );
			// ... actually, this could throw again if some other editor#ready
			// listener called setData too and haven't cancel the event.
		} );
	} else {
		throw err;
	}
}

Isn't it ugly? I think it's a terrible developer experience. A more useful approach would to be cache method calls and execute them when the editor reaches the correct state. But this would mean that for instance editor.destroy, which is currently a synchronous method, would become an asynchronous one because it can't be executed while editor is not ready. Moreover, to make all this possible to implement we would need to do serious changes not only in the API, but in the editor internals as well. Even the highly unsatisfactory solution with throwing errors requires significant effort to and may lead to ugly compatibility issues.

To sum up. I don't want say that fixing this in CKEditor 4.x is impossible, but for now we didn't have enough resources and well... courage, to attempt that. I would also risk a statement that it's late in CKEditor 4.x for such changes. But most importantly, we are aware of these problems and will definitely ​design CKEditor 5's API differently.

Hi...I have a C# .Net 4.0 web app. We have a main header in our app that is a

position: fixed

<DIV>. It is always visible at the top of the page. I have just downloaded n CKEditor 4.4.6 in place of 3.6.2. When I scroll the page down, the footer of the new CKEditor text boxes 'hovers' or 'rolls' over the top of the fixed <DIV>. I have attached two images: one that show the text box in before scrolling down in the web page. The next picture shows the footer of the text box 'on top' of the fixed <DIV>. This behavior happens in IE 8 and IE 11.

Thanks for the help.

Ok so I have started out with the text transform plugin located here: ​http://ckeditor.com/addon/texttransform

That plugin really does not work well with CKEDITOR 4.4.6. So for functions that transforms text to upper case, I have changed the code in plugin.js to this:

editor.addCommand('transformTextToUppercase',

{

exec : function( editor ) {

var selection = editor.getSelection();

var selected_text = selection.getSelectedText();

if (selected_text.length > 0) {

editor.insertHtml(selected_text.toUpperCase());

}

}

});

Where this basically works, I get a index size error when insertHtml is called. The traceback is below:

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

ckeditor.js:410 CKEDITOR.dom.selection.selectRanges ckeditor.js:403 CKEDITOR.dom.selection.unlockplugin.js?t=EAPE:36 editor.addCommand.execckeditor.js:177 execckeditor.js:244 CKEDITOR.tools.extend.execCommandckeditor.js:620 CKEDITOR.tools.extend.clickckeditor.js:621 d.executeckeditor.js:621 (anonymous function)ckeditor.js:27 (anonymous function)ckeditor.js:27 CKEDITOR.tools.callFunctionckeditor.php:1 onclick

Please advise

I created custom installation and made clean fresh install. Even samples are not working - toolbars are loaded, but I don't see any text in editing area and I also can't write any text inside. Don't see any js errors.

Using OS X, latest Chrome and also Safari.

Check here: ​http://www.hc.lv/inc/ckeditor/samples/

1. Open ​http://tests.ckeditor.dev:1030/tests/plugins/notification/manual/inline
2. Create notification.
3. Focus editor.
4. Click "x".
5. Editor is blurred.

Currently notification is closed 5s after the first editor#change event. The idea was that the user should see it and we know that the user saw it if he changed something. But since the notification is well visible the user will know in 90% other cases too so I don't feel this is necessary. I would close it 5s (or even shorter) without waiting for editor#change. Alternatively, we need to improve this mechanism and e.g. listen on all keys and mouse movements.

1. Open ​http://tests.ckeditor.dev:1030/tests/plugins/notification/manual/inline
2. Create notification.
3. See that you if you click next (<20px) to the notification the editor loses focus.

We need a release manual test for notifications to check if API is correct.

Also exiting texts need some changes and clean up in descriptions.

Found on this page: ​http://ckeditor.com/about

It should be Accessibility, not Accesibility.

Since we have notifications we can replace some usage of alert() method with warning notification. I found 3 potential places where we could change it:

• ​https://github.com/ckeditor/ckeditor-dev/blob/major/plugins/clipboard/plugin.js#L640
• ​https://github.com/ckeditor/ckeditor-dev/blob/major/plugins/pastefromword/filter/default.js#L1162
• ​https://github.com/ckeditor/ckeditor-dev/blob/major/plugins/filebrowser/plugin.js#L342

Warning notification could be used if notification plugin is loaded and alert function otherwise.

New drag and drop implementation (#11460) needs manual tests.

This should be somehow possible:

notification.on( 'finished', function() {
	editor.showNotification( 'Uploaded ' + this.getDoneTasksCount() + ' files.', 'success', 2000 );
} );

The information may also be passed as evt.data's properties, but I think that this is much simpler, because we just need to move _reset() call after firing the #finished event. Note - aggregator must be reset even if the event is cancelled.

Besides that, it would be good to add this code snippet to API docs. This is so common scenario that it should be mentioned in the aggregator's class description and #finished event docs.

The goal is to replace all the samples that we are currently shipping with the packages with short one that condenses the most important informations for someone who has just downloaded CKEditor package.

Additionally, we'll introduce new tools for toolbar configuration.

For now we decided to keep the old samples in the samples/old/* directory, what:

• will break links, but we can do redirects on our sites (ckeditor.com/latest, nightly, etc.),
• will allow to find them if someone reads on forum/SO that "check out the xxx.html sample in your package".

This issue will close: #10628, #10228.

Progress tracking

​http://trello.com/b/ilfdRj3p/12875-introduce-new-single-page-sample-and-toolbar-configurators

After the fix for manual test left margin become wrong in samples.

Now we have:

editor.getSelection().getSelectedText()
editor.editable().getSelectedHtml()

We can not move getSelectedText() because of backward compatibility so we should move getSelectedHtml(). And if we move getSelectedHtml we should also move extractSelectedHtml.

Changes in ​t/12878.

1. Enter the following text in source mode:

<p>This is normal text<br /><br /></p>
<h1>This is a header<br /><br /></h1>

2. Switch to wysiwyg mode and back.
3. Result:

<p>This is normal text<br />
&nbsp;</p>

<h1>This is a header<br />
&nbsp;</h1>

Confirmed in IE11, Chrome, Firefox, enter mode BR and P. CKEditor has been working this way at least since 3.0. Did not check earlier versions.

Looks very similar to #4006 although I don't understand how   is better than keeping the original value.

Hi; There is a button in my page, and when i press it i create these

• a black and transparent div
• a div for container for textarea
• a textarea, and
• a close button for remove all of these

when they created, i create your editor.

i send an ajax query in instanceReady event,

it is running with no error. when i click to close button i remove them completely, and press the button and create them again with no error again.

but in chrome, not show content in second time, cause of the not fired instanceReady

Sorry my english :(

Font size dropdown display till 72px in all browser like mozilla, chrome, safari, chrome but not in mac chrome version 39 its display till 36px, its not displaying till 72px.

Please help me why this happen in mac.

As titled, in version 4.4.6 if you try to call getData(true) you will get a empty string instead of current value. use case: ​http://jsfiddle.net/svapyzjz/1/ Reproduce Step:

1. type something in the editor (ex: 'abc')
2. click on the get button
3. you can see that it alerts an empty string.

As titled, in version 4.4.6 if you try to call getData(true) you will get a empty string instead of current value. use case: ​http://jsfiddle.net/svapyzjz/1/

Reproduce Step:

1. type something in the editor (ex: 'abc')
2. click on the get button
3. you can see that it alerts an empty string.

The noEvents parameter in getData Method should be better documented.

Issue: When we have multiple drop downs, selecting value in one drop down, resets value in earlier selected values of other drop downs.

Desired Behavior: Drop down value needs to be retained until manually changed.

Example: Custom Drop down 1: Countries Custom Drop down 2: States

Select Countries Value to : USA When I select States drop down value, countries drop down gets changed to title value. Please help.

One Another Reference: ​http://dev.ckeditor.com/ticket/12536

This is a pull request ticket ​#159. Start tag was different from end tag.

You can paste the data into the field if you click on where the paste “button” is, see attachment.

We are using your SW as a 3rd part application and I would be curious to know if there is a way to get around this? Any workaround? It can only be pasted if you click on that Paste "button"?

We have 2 issues.

1. Doesnt work adding custom styles to dropdown styles list

We past ehis code into config.js, and dropdown styles list exactly the same. Nothing is changed.

CKEDITOR.stylesSet.add( 'my_styles',
    [
        // Block-level styles
        { name : 'icon for video', element : 'a', styles : {
            'display': 'block',
            'margin': 'auto',
            'width': '31px',
            'height': '34px',
            'background-image': 'url(/i/modern/sprite/icon_video.png)',
            'border-bottom': 'none'
            }
        }

2. Ckeditor automaticly created div`s, that destroy layout compleatly.

Is there any chance to stop ck editor checking and clearing the styles, classes and layout?

Scenario:

• 2 files drop to upload,
• first upload is done.

Expected result: see the message: "Uploading files 1/2..."

Actual result: message changes to the single upload message: "Uploading file...", but the background show progress in the half what suggest that half of that file is already uploaded.

The single task message should be shown only if aggregator contains only one task.

I am using <script src="cdn.ckeditor.com/4.4.7/basic/ckeditor.js"></script>

with 2 instances of editor in the same page.

If link is set for first time in both of the editor it saves correctly. Page is designed like that after submit it dont refresh, instead different view is rendered which has option to edit old entry.

On next edit of link one editor shows simple link popup box, but other shows different one with more options(screenshots attached) simple one work fine after clicking OK or Cancel. But complex popup dont not respond to OK or Cancel.

If I go back and reopen the editor and open the link poupups, none of them work.

But if i refresh the page before each edit all work fine.

I believe this is a bug.

if my URL contain "#" at the end and reload the page. in same page i have a dialog box in that i used ckeditor. but when i open that dialog on click on button. That time in chrome browser scrollTop is changes because of ckeditor is used in dialog box.

if my URL contain "#" at the end and reload the page. in same page i have a dialog box in that i used ckeditor. but when i open that dialog on click on button. That time in chrome browser scrollTop is changes because of ckeditor is used in dialog box.

Starting with CKEditor demo, ctrl-a/x. Make sure Normal paragraph format is active. Change font to Verdana/14. Type in some text. Press return. Type in some more text. Press arrow-up key. Notice that the font styling is not maintained for the empty paragraph.

Reported by a customer. Expectation is that once font set it should remain active for the entire document.

When notification is done message should be changed and the type of it (to success). At the moment I can not implement such behavior.

Now documentation suggest that new notification should be created: ​https://github.com/ckeditor/ckeditor-dev/blob/major/plugins/notificationaggregator/plugin.js#L490-L492 It will work as long as the default notification behavior is used. If user will use notificationShow and notificationUpdate events and cancel default behavior, he will get two notifications instead of one. As I think about notification, which can be shown with some animation (fade in), it would be better if after upload is done the same notification show the information that the progress is done. In fact it is part of the same process, not the separate information. Also getting two notifications for one operation is strange.

No I can prevent default finished behavior, but if I do so I am not able to reset aggregator (I have to use private method) and if I change the type of the notification it does not change its type back when a new task is added.

I'm trying to narrow down if this issue is a problem with my own code, or with the CKEditor, or with Firefox.

The user has enough content in the ckeditor to require scrolling. When the user highlights a piece of text in the ckeditor and changes the color or font of that text using the drop-down menus in the toolbar, the editor refreshes and jumps to the top. This does not happen in Chrome or Safari, only Firefox as far as I can tell.

Non-drop-down buttons and other toolbar items don't have this effect.

No errors print to the console.

I am using Firefox 28.0 and was able to reproduce the behavior on my own project (​https://erin.mingle.thoughtworks.com/projects/to_do/cards/89/edit?coming_from_version=2). I could not reproduce it on the demo-page. I'd be happy to give someone from the support team credentials so that they can try to reproduce the issue too.

Thank you!

Descriptive summary - Using the coreStyles_bold editor config option does not put the bold tag in the correct place and inserts the attributes (for bolding) on the wrong tag.

Steps to reproduce -

1) Set editor configuration to include:

enterMode: CKEDITOR.ENTER_DIV,
coreStyles_bold: {
      element: 'div',
      attributes: { class: 'bold' }
    }

2) Open the editor 3) Type some text 4) Highlight part of the text (best seen if you highlight the middle of a word) 5) Click the editor bold button

For the Observed and Desired, the text is "The is my bolded text" where "olde" was the highlighted text when pressing the bold button

Observed: The whole line of text is bolded and the HTML looks like

<div class="bold">The is my bolded text</div>

Desired: Only the highlighted text is bolded and the HTML looks like

<div>The is my b<div class="bold">olde</div>d text</div>

Browser and OS - OS X 10.9.3; Firefox 33.1 and Chrome 40.0.2214.93 (64-bit)

Screenshot - Please see attached

Sample data - This bug is not correlated with specific data

Test case file - Please see ​https://github.com/sarahjones/ckeditor_bold_bug for an isolated setup. Please see index.html (all customized config is there)

Build configuration - This is using the 4.47 (ckeditor_4.4.7_9e2f4050d27c.zip) Standard package.

I've created some issues about improving your paste dialogs, but ultimately , it would be better if browsers would implement a permission dialogue...

​https://bugs.webkit.org/show_bug.cgi?id=11335 ​https://bugzilla.mozilla.org/show_bug.cgi?id=1012662 ​https://bugzilla.mozilla.org/show_bug.cgi?id=1013165

I note Frederico existing involvement in the webkit issue.

Maybe you guys should try and get the community to petition on getting those bugs fixed, shed some light on it. Right now the issues probably lack momentum as users don't know the specific underlying issues, and web developers don't typically touch this stuff - so it's just between a few WYSIWYG makers, and a few browser makers.

Maybe we could also get CMS developers using CKEditor (like me) to blog about getting these issues fixed, on a certain date.

The docs says that setting allowedContent to true will disable content filtering.

However, this is not entirely true, you also need to set: extraAllowedContent : '*{*}'

I don't know why exactly, but I guess it is because your tag filtering, attribute filtering, and CSS style filtering, are all hooked in separately.

Regardless, the documentation needs to make it clear what exact filters run and how exactly to configure/disable each. Right now to me it is very clear that only setting allowedContent to true should be required.

I have problems entering Korean text in IE 11 browser. I'm not sure but it looks like same case with #10414 bug. please check it up and let me know what the problem is and how to fix it.

[Case]

If I enter rk(가), then sometimes the result shows rrk(ㄱ가) or disassembled characters(ㄱ ㅏ). You can reproduced this problem on your demo web site.

[Reproduce steps]

Steps to reproduce this issue. We use P entering mode

1. Go to the ckeditor demo web page(​http://ckeditor.com/demo)
2. Delete all contents to make empty.
3. I switch the language to Korean using IME.
4. Type rk(가) and enter
5. repeat step 4. 7 times more
6. type rkskekfkakqktkdk(가나다라마바사아) --> total string length 64bytes until here
7. enter and type rk(가)
8. then the result shows rrk(ㄱ가) or disassembled characters(r k,ㄱㅏ)

I think that this issue is associated with string size. because if you followed reproduced steps, then total string buffer size will be 64 bytes. after that you entered and key in "rk" then the error comes out!

If you select some text, change the font and make it bold before underlining, the underlining will then act as a strikethrough instead. Only appears to happen in Firefox.

Please try reproducing this issue with CKEditor 4.4.7.

This issue has only been seen on v4.x.

If a window or panel is resized, the rich text area has styling applied that causes it to be uneditable.

When the rich text area is editable, the iframe of CKEditor has “width: 100%” style as follows.

--- <iframe src="" frameborder="0" class="cke_wysiwyg_frame cke_reset" title="Rich Text Editor, emailPublisherRte_500xx000000ZR2T" aria-describedby="cke_38" tabindex="0" allowtransparency="true" style="width: 100%; height: 100%;"> ---

But, when the rich text area is uneditable, it has “width: 0px” style as follows.

--- <iframe src="" frameborder="0" class="cke_wysiwyg_frame cke_reset" title="Rich Text Editor, emailPublisherRte_500xx000000ZR2T" aria-describedby="cke_38" tabindex="0" allowtransparency="true" style="width: 0px; height: 100%;"> ---

At that time, the rich text area can become editable when changing width style as 100% from Chrome developer tool. So, this issue is caused by the above incorrect width style. The width style is changed from the following callstack.

--- CKEDITOR.tools.extend.setStyle (element.js:1297) elementProto (plugin.js?t=4.4.4.5:277) CKEDITOR.dom.element.setSize (element.js:2021) CKEDITOR.plugins.add.init.editor.addMode.onResize (plugin.js?t=4.4.4.5:88) listenerFirer (event.js:144) CKEDITOR.event.fire (event.js:289) CKEDITOR.dom.domObject.getNativeListener (domobject.js:46) ---

The event seems to be the window resize event:

• CKEDITOR.plugins.add.init.editor.addMode.onResize is defined as follows.

/sfdc/htdocs/ckeditor/ckeditor-4.x/src/plugins/wysiwygarea/plugin.js --- ( function() {

CKEDITOR.plugins.add( 'wysiwygarea', {

init: function( editor ) {

if ( editor.config.fullPage ) {

editor.addFeature( {

allowedContent: 'html head title; style [media,type]; body (*)[id]; meta link [*]', requiredContent: 'body'

} );

}

editor.addMode( 'wysiwyg', function( callback ) {

...

if ( CKEDITOR.env.webkit ) {

Webkit: iframe size doesn't auto fit well. (#7360) var onResize = function() {

Hide the iframe to get real size of the holder. (#8941) contentSpace.setStyle( 'width', '100%' );

iframe.hide(); iframe.setSize( 'width', contentSpace.getSize( 'width' ) ); contentSpace.removeStyle( 'width' ); iframe.show();

};

iframe.setCustomData( 'onResize', onResize );

CKEDITOR.document.getWindow().on( 'resize', onResize );

}

... ---

In this case, contentSpace.getSize( 'width' ) seems to return 0.

• CKEDITOR.plugins.add.init.editor.addMode.onResize is used only on Webkit based browser (includes Chrome). So, this issue occurs only on Webkit based browsers.

#################################################### SOLUTION/WORKAROUND

Workaround: reload the page to reset editable area/CSS.

This issue can be avoided by not setting width of iframe if contentSpace.getSize( 'width' ) returns 0.

Using CKEditor demos as example, copying and pasting a table works in iframe demo (​http://ckeditor.com/demo#standard) but is broken in div demo (​http://ckeditor.com/demo#div). Seeing the same issue in our production implementation using version 4.4.6.

Steps to reproduce:
1) Open ​http://cksource.com/temp/widget/samples/plugins/widget/widget.html
2) Select (editable) text inside any widget.
3) Click on "about" button in toolbar.
4) Close dialog.
5) Focus will appears at begining of editable area (text focus will be lost).

The same problem is for all dialog windows. If you try the same for text outside widget, focus will be maintained.
Because of this, it is impossible to insert image, link, and so on inside widget.

Bug is related to "editor.focus" and "focusManager.unlock" methods.

CKEditor 4.4.7 change my code (not ckeditor 3)!

For example:

<br /><br /><br /><h1>Schritt 1</h1>

<br />
<br />
&nbsp;
<h1>Schritt 1</h1>

I will protect my code, that ckeditor is not change any code. What can i do?

It seem that if you are using the ProPhoto Template and CKEditor does not let you insert a Prophoto grid into a page when the editor is active.

To see the template check them out here ​http://www.prophoto.com/support/grids/

I have also asked ProPhoto to work on fixing this in there code. Your editor is the best out one available.

I am using ckeditor with primefaces extensions version.

When I copy a mail content from Lotus Notes and paste it to CKEditor it only pastes images in editor from the content I copied. In this scenario I use ckeditor in firefox. But in chrome I can copy and paste mail content that I copy from Lotus Notes.

Is there anything that I can do for have success with copy-paste from Lotus Notes to ckeditor in Firefox?

Thanks in advance

On copying/pasting data from MS Word into CK Editor, if the data has specific Word Styles applied, then the formatting (alignment, bold, etc) is lost within CK Editor.

1) Copy and paste the content from attached document into CK Editor 4.3.1 (or within the CK Editor Demo website) 2) Observe that all content within the table gets left aligned. Also, few words which are 'bold' are converted to plain content.

This is something our team ran into using Chromium during development. It doesn't appear to affect production, but filing anyway just in case.

Steps to reproduce:

1. Launch the attached index.html (which includes the minimal code to reproduce the bug).
2. In the toolbar, click the button next to the image button (button has no icon, its tooltip says 'Create widget').
3. Click the editor to grab focus, and press Ctrl + Home to move the caret to the very beginning (though it might be invisible).
4. Now press the Enter key twice.
5. See that Chromium crashes.

This is observed using Chromium Version 38.0.2125.0 (292384) (64-bit)

MathJax is under Apache licence which we can not use in our project so ​this code should be removed.

Descriptive Summary - CKEditor strips the inline "style" attribute for the <a> tag after using the "Edit Link" feature

Steps to Reproduce: Open an instance of the CKEditor with allowedContent set to "true". In the "Source" view, create a link with inline styles. For example:

<a href="​http://foo.com" style="background-color:#111111;">test</a>

Then, in the "wysiwyg" view, right-click the link text and select "Edit Link"

Change the link href (optional!) and submit the change

The link now has had the styles removed.

Browser: Chrome OS: Win 8.1x64

Sample Data:

config.js: {

fullPage: true,

allowedContent: true

}

Build Configuration - Specfically, I'm integrating with Angular in my project, but this does not change the operation. This same behavior is found in the examples given on the site that disable the ACF.

The api-doc for addButton is very vague, and incomplete. 'icon' is not mentioned for example.

About 2 years ago I made my first CKEditor plugin and worked it out via a comment on the forum. Coming back to it now I see that the code is buried deep away from the addButton definition, in plugins/button/plugin.js -- so, very hard to find. I think all reasonably useful options should get documented for addButton.

Now, the reason I was looking at all this...

We need to support Retina. So I think we need something like an 'icon_2x' property, which does not currently exist. My understanding is that the inbuilt plugins draw from a precompiled master sprite somehow, which exists in both retina and non-retina versions.

If I am missing something, please let me know. Perhaps for example somehow retina support is compiled in at build-time only and for sprites only, with it auto-searching the filesystem when building the sprites. I don't know, because I think it's not documented ;-).

We are missing document explaining how to support Retina. Please see comment:2 for more details.

There's an issue in the test execution flow that causes automatic tests that are mixed with manual tests to start automatically instead of waiting for the "Finish" button to be pressed.

We are using ckeditor(ckeditor_4.4.6_full) to create template for report.

In ckEditor we can type as well as insert values from ListBox by double clicking on the value of list box. We have done code as below:-

<asp:ListBox ID="lstComp" runat="server" AutoPostBack="false" ondblclick="CKEDITOR.instances['ctl00_cphContian_editor1'].insertText(this.value);" Height="360"></asp:ListBox>

It works fine but sometimes it does not insert value of listbox on correct cursor position. Either it insert on previous cursor position or on any other location of editor.

Can you please guide on this?

When paste(CTL+V) in chrome, all of text element is add <span style="font-weight: normal;">XXXX</span> cause:

plugins/clipboard/plugin.js L781

var selPastebin = range.select();

// If non-native paste is executed, IE will open security alert and blur editable.
// Editable will then lock selection inside itself and after accepting security alert
// this selection will be restored. We overwrite stored selection, so it's restored
// in pastebin. (#9552)
if ( CKEDITOR.env.ie ) {
blurListener = editable.once( 'blur', function() {
editor.lockSelection( selPastebin );
} );
}

next code is fixed.

// If non-native paste is executed, IE will open security alert and blur editable.
// Editable will then lock selection inside itself and after accepting security alert
// this selection will be restored. We overwrite stored selection, so it's restored
// in pastebin. (#9552)
if ( CKEDITOR.env.ie ) {
var selPastebin = range.select();
blurListener = editable.once( 'blur', function() {
editor.lockSelection( selPastebin );
} );
}

Since version 4.4.6 the initial state of the editor isn't set when the page is loaded.

To reproduce:

1.Open tabindex.html sample in Chrome

2.Inspect the path bar

Problem: 'body' in the lower left do not appear until you click in the editor.

This is reproducible since 3048943550530ba2f48b43ce48939184118b34dd commit.

Note: works as expected in Firefox.

Hi,

I am working with latest version (4.4.7) of ckeditor. As part of our application we will need to include some custom tags in HTML content. To allow any content by ckeditor we disabled formatting by setting this property to true.

config.allowedContent = true;

I have added below content in source mode:

<a href="abcfunction("https://www.infor.com/")">somelabel</a>

When i switched to WYSIWYG mode and switched back to source mode.

The content changed to:

<p><a href="`urltrackraw(" https:="" www.infor.com="">Timesheet</a></p>

URL is completely changed to something else. Can you please help us on this?

Issue below happens on 4.4.7 version but I was able to reproduce it directly on demo page here: ​http://ckeditor.com/demo

I have been trying to copy and paste the contents of the Word file. Word is attached to this ticket.

Generally on Chrome 40.0.x it works correctly - here is the result: ​http://pbrd.co/1CGXRMe The problem occurs however on FF 30 (also IE 11 and also possibly further versions): ​http://pbrd.co/1CGXW2z It seems that numbering is being broken as a result of this operation.

The same thing happens if I use Paste from MS Word option - although here it initially looks ok (here: ​http://pbrd.co/1CGXYHI ) after it still gets broken after pressing OK: ​http://pbrd.co/1CGY4yZ

1. Open replacebyclass sample
2. Clear all content
3. Insert following content in Source tab:

<p dir="ltr"><span style="font-size: 16px; font-family: arial, helvetica,sans-serif; color: #ff0000">test abc</span></p>    

4. Switch back to Rich Text editing
5. Copy content and paste it on the new line

Result: multiple spans inserted in IE and Chrome. This can be reproduced in FF as well by repeating 'step 5' few times.

Note: The issue is not reproducible since version 4.0 when clipboard plugin was updated.

Working on ticket:12612 we found out that we need to allow user to add flag withCredentials and some extra headers to XHR object in filetools plugins. Use case for this is to allow cross domain requests.

Following ​this example I tried to customize a bit my request object. I end up with:

CKEDITOR.replace( 'editor', function() {
  CKEDITOR.fileTools.fileLoader.prototype.sendRequest = function() {
	  var formData = new FormData(),
			xhr = this.xhr;

		formData.append( 'upload', this.file, this.fileName );
		xhr.withCredentials = true; // Extra lines
		xhr.setRequestHeader( 'X-PINGOTHER', 'pingpong' ); // Extra lines
		xhr.open( 'POST', this.uploadUrl, true );
		xhr.send( formData );
	};
} );

Shortcomings of this solution are:

• We overwrite global function sendRequest which influence all editor instances while optionimageUploadUrl is unique for all editor isntances.
• We have to wait for plugin to be loaded and editor instance as well to overwrite this method. If user have got a few editors he have to impelement special mechanism to overwrite this function when first editor instance is loaded. Or maybe there is a global event which fire when plugin is loaded?

We got at least two sulutions for this:

• We can add extra config option like:

  xhrData =  {
      withCredentials: true,
      headers: {
          'X-HEADER-NAME': "X-HEADER VALUE"
      }
  };
  

And function send request will take into consideration xhrData config options and set flag and headers. This is simples solution but don't allow user whole freedom.

• Second option is to fire events like prerequest which will have an xhr object as a property and user would make whatever he wants with this.

When i use ck editor in jquery dialog box. that time it works fine. but there is problem when i add "#" manually add at the end of URL and reload the page. and again open the jquery dialog which contain the ck editor. That time scroll Top is changes both body and dialog container. The dialog goes Upwards, i am unable to see the dialog content.

There are few jsDuck issues which need to be fixed.

Total weight is not updated when task is canceled. I pushed a ​tests which show the problem.

For some reason the tool bardoesnt fit the entire size of the text area.

Once I setData on the html editor, I am unable to trigger click/hover event handlers on the html editor. If I comment the setData line, I can fire my click event handler easily. Once I uncomment the setData, click never fires oon the textarea.

Hello Team,

I was hosted our site with secure protocol (https).At client machine when CKEditor page is load active x control error display(every time). So please give me a resolution in our technology. Our application was developed in .Net (C#) platform with jQuery,javascript.

Hello Team,

I have hosted our site with secure protocol (https).At client machine when we upload image at that time active x control error is display(every time) and one more thing when I check from source image path is client matchin like “D:/xyz/abz.jpg”. So please give me a resolution in our technology. Our application was developed in .Net (C#) platform with jQuery,javascript.

Pasting images into CKEditor should support pasting copied images from MS Paint or from "PrintScreen" into Chrome as it does in IE11 and Firefox.

Comment #7 here seems to indicate that it is not possible for this to work for Blink browsers. ​http://dev.ckeditor.com/ticket/11526#comment:7

However, this particular functionality is supported by Chrome.

I was able to verify this by using the following code in the paste event on a simple contenteditable div:

var items = (event.clipboardData || event.originalEvent.clipboardData).items;
var blob = items[0].getAsFile();
var reader = new FileReader();
reader.onload = Function.createDelegate(this, function (event)
{
    var image = document.createElement("img");
    image.src = event.target.result;
    this.Container.appendChild(image);
}); 
reader.readAsDataURL(blob);

The gotcha is that clipboardData.items is cleared in Chrome at the end of the execution of the browser’s paste event. If you try to access the items collection outside of the paste event (after a setTimeout is called), the items collection has been cleared and is no longer accessible. In my testing items[0].getAsFile() needs to be called before the paste handler execution completes.

Hello,

There is an issue on inline method on dynamic created element.

This method works fine with standard package and not fine with the full package.

Any ideas ?

Best regards Vincent

Bug revealed by #11586.

See ​http://tests.ckeditor.dev:1030/tests/core/editable/getextractselectedhtml#tests%2Fcore%2Feditable%2Fgetextractselectedhtml%20-%20test%20extractHtmlFromRange%3A%20tables%20%2320

Inside helpers.table.deleteRanges( that ); 4 ranges are being removed (they are stored in that.tableContentsRange), but two of them are placed in exactly the same spot and other two as well. After the first range of each pair is removed, extraction of the second range on non-IE browsers do nothing (surprisingly) and on IE8-10 it leads to removing nodes outside of the marked table cell. In result of this a bookmark span is removed and hence the error is thrown upon its restoring.

There are two issues here, but only one needs to be fixed. First one is that ranges are duplicated and this is the root of the issue. Second is that range.extractContents() does something weird instead of throwing an error, but we can ignore this.

Uploads Repository is missing some important methods:

• repository.isFinished - returns true if all uploads are done,
• repository.loaders - returns all loaders in upload repository.

It would be useful if one wants to block save button until all uploads are done.

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

After merging notification aggregator with upload plugin I met this issue in the upload manual test:

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

When I remove image during uploading:

plugin.js:261 Uncaught TypeError: Cannot read property 'update' of null

Hello there ,

I am using ckeditor and migrate it with symfony 2 but after i add a bulk of html source and save , return again to edit this data seems like ckeditor remove some tags ,

Thanks .

Hi,

When i use the internet explorer 11 i have facing one issue in ck editor. When i copy the content from the word or anywhere the this symbol " ~~ " is added to the content at the starting point. I didn't copy that symbol. I don't know why it will occur only in internet explorer.

I think video I uploaded describes my situation in the best way ​https://www.youtube.com/watch?v=Uu9twqAq5N4 I configured CKEditor via this guide: ​http://ckeditor.com/addon/texttransform

Caused by #11586.

2 red tests in ​http://tests.ckeditor.dev:1030/tests/core/editable/keystrokes/delbackspacequirks/expanded on Chrome.

As I am a Korean, I think CK Editior need to be translated in Korean.

Yes. There is Korean translation files in the editor. However, I think it is not enough...

So, can I give a contribution to the translation in Korean?

I already give a PR on github. ​https://github.com/ckeditor/ckeditor-dev/pull/165

Descriptive summary

• Korean translation need to be refined.

Steps to reproduce

• Using CK Editor in Korean

Browser and OS

• Not important

Screenshot

• none

Sample data

• none

Test case file

• none

Build configuration

• I test it on demo page of CK Editor Official site( ​http://ckeditor.com/demo#full )

• ​http://tests.ckeditor.dev:1030/tests/core/editable/keystrokes/delbackspacequirks/expanded
• ​http://tests.ckeditor.dev:1030/tests/core/editable/keystrokes/delbackspacequirks/collapsed

In some cases , when i paste data in ckeditor the text copied is duplicated multiple times (2 , 4 sometimes 8 ) . The same issues occurs sometimes with the insertText Method : ex : the code is insertText('beep') ---> the text inserted is 'beep beep beep beep'.

Unfortunately the issue is rare and i straggle to reproduce it everytime . Tho , I noticed that this behaviour may occur after heavy use of ckeditor (paste large amout of text etc etc ) .

In thoses cases when i debug the ckeditor i see many listners to insertText event (in the normal flow i see just one ) .

I guess in some heavier use of ckeditor , the same listner to insertText is register multiple times causing this weired behaviour .

Even if the reason may be not clear , I wonder if there is some workaround like reinitialize all listners before setting text .

Any help whould be truly appreciated since this bug is random and may affect clients data .

Follow the steps to reproduce:

1. Make sure you have set the scayt_autoStartup

configuration option to true

2. Enter some text and click enter
3. Now add either an image or flash movie, enter any url and click "OK"
4. Now double click on the image or flash movie and notice the values are empty. The onShow function within the dialog says that no value is selected.

Hello. I have conducted IE 11 support/compatibility test, and found multiple defects in CKEditor.

Some of the potential problems l found inlude: use of MISE, http-equiv="Content-Type", alpha, Document.all, onreadystatechange, readyState, and createStyleSheet. All of these were found in package.js file, or in wicket-event-ver-14xxx.js file.

Please review the source to eliminate all the component that does not guarantee the support for IE 11.

We use a custom HTML5 tag: cad-enza. CKEditor 4.4.2 adds several blank paragraphs (<p>&nbsp;</p>) before and after each top-level custom HTML5 tag. Additional new empty paragraphs are added each time the user switches between source mode and rendered mode.

We found that if cad-enza tags are wrapped within another tag, such as <div><cad-enza whatever="blah"></cad-enza></div> or <span><cad-enza whatever="blah"></cad-enza></span> the extra empty paragraphs are not added.

Is there a way to suppress the generation of the blank paragraphs without having to wrap cad-enza tags in other tags?

On Firefox:

• 1 failed: ​http://tests.ckeditor.dev:1030/tests/plugins/table/table
• 3 failed: ​http://tests.ckeditor.dev:1030/tests/plugins/clipboard/paste
• 1 failed: ​http://tests.ckeditor.dev:1030/tests/core/selection/fake

First bad commit for all of them: ​git:7580ae7 which is part of #11586.