Custom Query

Steps to reproduce:

1. Go to ​http://ckeditor.swg.usma.ibm.com/
2. In the console: CKEDITOR.instances.editor1.insertHtml('aaa <a contenteditable="false" href="www.ibm.com">@Amy Jones126</a> aaa')

1. Same for a similar structure more similar to mentions
2. In the console: CKEDITOR.instances.editor1.insertHtml('aaa <span contenteditable="false"><a href="www.ibm.com">@Amy Jones126</a></span> aaa')
3. Press the left arrow key...

Dialogs

1. Use ​http://tests.ckeditor.dev:10450/tests/plugins/uploadwidget/manual/droponnotallowedparts
2. Open a dialog.
3. Drop an image: on a dialog, dialog cover etc.

Expected: No action.

Actual: Page reload. The image is displayed by the browser.

Notifications

1. Use ​http://tests.ckeditor.dev:10450/tests/plugins/uploadwidget/manual/droponnotallowedparts
2. Drop some image.
3. While the image is uploading, drop another on progress bar.

Expected: No action.

Actual: Page reload. The image is displayed by the browser.

Scrollbars

1. Use ​http://tests.ckeditor.dev:10450/tests/plugins/uploadwidget/manual/droponnotallowedparts
2. Create a long content, so the vertical scrollbar is visible.
3. Drop an image on the scrollbar.

Expected: No action.

Actual: Page reload. The image is displayed by the browser.

On all browsers.

If there is not enough space in the viewport bellow the caret, the suggestion box is shown in the wrong position (should be directly above the caret).

1. Open new sample in presets.
2. Select some text external/internal.
3. Paste into editor.

I doesn't paste content.

It's a regression, it worked in 4.4.7.

I use CKEditor in my project, I use html entities in my content like this:

Sample Code: <pre> &lt;div&gt; &lt;a href=&quot;#&quot;&gt;test&lt;/a&gt; &lt;/div&gt; </pre>

but in CKEditor these html entities will convert to tags so this code will show:

Sample Code: <pre>

</pre>

<div><a href="#">test</a></div>

Impossible use CUT/COPY buttons on panel. User used this buttons on 3.6.6 and after update to 4.4.7 this buttons doesn't work due some security reasonts of browsers. How to resolve it?

In plugins/dialog/plugin.js, there's a bug in a show() method, evaluating if the tab shoud be disabled or not.

If the element has no input element, iteration never reaches evaluation if the element is required and can pass active content filter check.

If no element in the tab has input element, whole tab is disabled (and I'm sure it's unexpected when I have a tab with one html element in it).

Code excerpt

enableElements = 0;
for ( var j in this._.contents[ content.id ] ) {
    var elem = this._.contents[ content.id ][ j ];

    if ( elem.type == 'hbox' || elem.type == 'vbox' || !elem.getInputElement() )
        continue;

    // this code is never reached
    if ( elem.requiredContent && !this._.editor.activeFilter.check( elem.requiredContent ) )
	    elem.disable();
    else {
        elem.enable();
        enableElements++;
    }
}

// and enableElements remains 0, so the tab is disabled

if ( !enableElements || ( requiredContent && !this._.editor.activeFilter.check( requiredContent ) ) )
    tab[ 0 ].addClass( 'cke_dialog_tab_disabled' );
else
    tab[ 0 ].removeClass( 'cke_dialog_tab_disabled' );

CKEditor adds an empty paragraph on startup.

Steps to reproduce:

1. Attach CKEditor to an element on the page
2. Load the page in Chrome/Firefox (I think it will break in all browsers however)

Result: a new paragraph has been added to the content Expected: the content to be empty (untouched by CKEditor)

This breaks an plugin I created - this basically behaves as an HTML5 placeholder. However, it stopped to work when I upgraded to the last version of CKEditor.

See the attached page where you can see the code and the screencast.

Hint - I think this is caused by #12630

Add following source in CK Editor: "<p> </p> <div class="box" style="color:#ff0000;"><strong>Translations:</strong> Can you help translate this site into a foreign language ? Please email us with details if you can help.</div>"

It display in weired format. See the attached image

I randomly get this two errors while i am edit content in a table:

too much recursion ckeditor.js:63:195 [Break On This Error]{return new CKEDITOR.dom.element(this.$.body)},getDocumentElement:function() too much recursion ckeditor.js:63:349

When the Error happens the input is very slow, about 2 seconds for one character.

First i thought its happend because of the multiple CKEditor instances and / or the amount of text.

But it happens alsow with one instance and less text. My Version is 4.4.7 as the online demo. But i cannot reproduce this error on the demo page. Nevertheless i will ask you if you have an idea why this happpens ?

Here's an example of the HTML-Code which triggers the Error:

<table>
	<tbody>
		<tr>
			<td>
			<p>TesTest</p>
			</td>
			<td>
			<p>Was / Wann</p>
			</td>
			<td>
			<p>Bemerkung</p>
			</td>
		</tr>
		<tr>
			<td>
			<p>Kontrolle</p>
			</td>
			<td>
			<p>TesTest</p>

			<p>TesTest</p>
			</td>
			<td>
			<p>TesTest <em>Temperaturf</em>dadass</p>

			<p>(Datum, Visum,fffffasfffffffffffffasf<br />
			TesTest6 TesTestauf Abt.)</p>

			<p>Thermometer Bestell Nr. TesTest</p>
			</td>
		</tr>
		<tr>
			<td>&nbsp;</td>
			<td>
			<p>TesTest TesTestTesTest</p>

			<p>1x TesTest</p>
			</td>
			<td>
			<p><em>Protokollierung Reinigung</em></p>

			<p>Monatlich (Datum, Visum)</p>
			</td>
		</tr>
	</tbody>
</table>

Hello,

I am having troubles using CKEditor. (And I have seen in message boards that many other people are having the same issue).

Descriptive summary - CDEditor is not compatable with some of the other plug ins/themes. I am about to download the Divi theme from Elegant Themes and the forum boards state that no one is able to use CKEditor when using a visual editor. It will not allow us to use the visual editor so we have to remove the CKEditor plug in.

Is there something we can do to fix that as it sounds like the theme developers are not able to fix it as it CKEditor is not their product. Thank you,

Tessa

This issue covers styling enhancements. It includes:

• #13818 - Allow to link widget style definitions, so applying one style might disable the other
• #13828 - Widget classes should be added to wrapper rather than widget element
• #13829 - Add class based on widget type to the widget wrapper

And update package.json.

To reproduce this issue, you have to have properly setup CKFinder with CKEditor. Also you should add some sleep in connector to be available to abort uploading before it's done by server.

1. Open sample ​http://ckeditor.dev/plugins/uploadwidget/dev/upload.html
2. D&D some image to initiate uploading.
3. Delete an image before uploading is done.

There should be an information visible that uploading was aborted by the user.

Unexpected Result: image has been physically uploaded to the server.

What I found is that abort in XHR is called synchromously when progress comes from the server. If file is relatively small, then there is no progress called until file is fully loaded.

Go to ​http://sdk.ckeditor.com/samples/acf.html

1. Select the line "A sample heavily formatted text using different fonts and text colors."
2. Drag and drop it into the Automatic ACF Mode editor. The content is not filtered.

Go to ​http://sdk.ckeditor.com/samples/acfcustom.html

1. Select the text in the first editor.
2. Drag and drop it into the Custome ACF Mode editor. The content is not filtered.

1. Copy changelog for CKEditor 4.5.0 Beta from ​https://github.com/ckeditor/ckeditor-dev/blob/major/CHANGES.md

2. Paste it into the editing area (I used the standard preset), use e.g. the editor here: ​http://ckeditor.com/apps/ckeditor/4.4.7/samples/replacebycode.html

3. Result: spaces are lost e.g. in the sentence that starts with "All drag and drop operations" the space is missing before "editor#paste".

This page ​http://docs.ckeditor.com/#!/guide/dev_jquery tell that jQuery Adapter can be download or put in CKBuilder. Can't find it.

After dropping widget inside itself it disappears with throwing an error inside the console.Here is a reproduction.

Hello

This is one strange happening i my site which was recently upgraded from drupal 6 to drupal 7. All the migration was 100% successful and we are running the website without any problem. But there is a strange issue when we edit the content. When i edit the content am using Ckeditor and it does functions correctly on the most of the nodes. Then later tracked down to few nodes where the issue was happening. The issue is if there is a "select" followed by "from" anywhere in the body, the ckeditor wont load when editing the node.

I have tried most of the options am familiar with

1. content updating is using the default admin theme sevens
2. No blocks are active in the content edit page
3. All the modules except the core modules are disabled on the server
4. Caching, Varnish, memcahe, APC everything is disabled for now
5. Cleared all the caches and updated everything to latest stable version

The error am getting in the Chrome console is this Failed to load resource: the server responded with a status of 500 (Internal Server Error)c.extend.ajax @ jquery.js:142

The file ​http://www.mydomain.com/misc/jquery.js?v=1.4.4 is present and is able to be accessed via browser.

Am looking for any help on this matter.

When a link is pasted, we can try to embed it. Of course not all links can be embedded and we cannot be sure if user wishes to embed that link or just leave the link as it is. Therefore, there must be a mechanism to undo our automatic change (e.g. a double undo step).

What makes this ticket pretty hard is that embedding is asynchronous. We will need to find a good way to handle this.

User needs to be able to cancel widget embeding, currently it's impossible:

1. Open CKE with Embed plugin.
2. Open dialog for widget inserting.
3. Paste an URL of resource that has not yet been cached.
4. Move keyboard focus to OK button with tab key.
5. Do a following sequence:
   1. Press space (start a request).
   2. Press tab (move to cancel button).
   3. Press space (cancel fetching).

Hi - as a simple feature request could you create a ctrl-shift-L to change to bulleted text like in MS Word? Ctrl-L is LINK so that's reserved, but I think ctrl-shift-L is available

Thanks! Great editor!

I have strange behaviour with my custom widget that does not happen on other widgets.I thought it is from my plugin.js but it seems the error comes from the CKEditor's widget api and i wanted to share the errors with you.

The attached gif shows in what situation the errors occur.

Here is the code that defines the widget

    editor.widgets.add('widgetCast', {
        template: '<div class="container-fluid layout-container">\
                        <div class="row layout-row">\
                             <div id="layout-column-one" class="col-xs-6 col-sm-6 col-md-6 col-lg-6 layout-column">\
                                 <p>content</p>\
                             </div>\
                            <div id="layout-column-two" class="col-xs-6 col-sm-6 col-md-6 col-lg-6 layout-column">\
                                <p>content</p>\
                            </div>\
                        </div>\
                    </div>',
        upcast: function(element) {
            return (element.name == 'div' && element.hasClass('layout-container'));
        },
        editables: {
            layoutColumn1: {
                selector: '#layout-column-one',
                allowedContent: allowedContent
            },
            layoutColumn2: {
                selector: '#layout-column-two',
                allowedContent: allowedContent
            }
        },
        allowedContent: allowedContent
    });

When you set the attribute contentEditable=false in an HTML element within the element and try to remove it with just one keystroke, CKEditor creates a temporary div and moves to it on the first keystroke (ie backspace) and then will delete the element in the second one. That is not the expected behaviour - user should require only one keystroke to delete the element

How to reproduce:

1. Go to ​http://ckeditor.swg.usma.ibm.com/
2. CKEDITOR.instances.editor1.insertHtml('hi <a contenteditable="false">there</a> CKEditor...')
3. CKEDITOR.instances.editor1.document.on('keydown', function(evt) { try{console.log(evt.sender.getSelection().getRanges()[0].endContainer.getName())}catch(e){} })

as you can see when you navigate right before the contenteditable element using the arrow keys and then hit backspace key to delete element, the cursor disappears and a temorary markup is added in the editor right after the </p>

While opening a document using ckeditor we are getting this error. Issue is not appearing on every deployment but unfortunately at client production environment it is appearing.

Following is the error message:

Stack overflow at line:3306

Please let us know the possible fix for this problem and please let us know if you can provide the fix on this particular version.

Thanks and regards, Niranjan

When inserting a Hidden Field to the Editor, it throws the javascript error "TypeError: a.setAttribute is not a function". This issue is reproducible in DEMO Page ​http://ckeditor.com/demo#full also.

Also, I have attached the screenshot of the error

I'm having a problem with the CKEditor. It's making some wierd heights on the different elements, and I can't seem to figure out how.

Hello,

When I use quotes, single or double, in the image caption, I get extra unwanted characters in the caption. Please see screenshot: ​http://screencast.com/t/R1t38scWZM

Even if I remove the characters and try it again, the issue still occurs.

Any ideas on a fix?

I'm using CKEditor 4.4.5 with Wordpress 4.2

Thanks for your help in advance.

Thanks again, Jim

Hi,

I use CKeditor because its best editor i could try for joomla. However, I have one conflict with component EasyBlog, from Stackideas. I use version CKeditor 3.0.4

I contacted them and they told me I should contact You :/ Anyway, Issue that when I add image over their media manager, thumb of picture is inserted but with broken thumb link (it adds domain name twice).

When blog is published, lightbox works fine and picture is displayed ok, just this thumb dont work.

It works good in firefox but not in chrome. Can You help me?

When I scroll over the editor's content it scrolls the page instead, not the content.

The editor should grab all scroll events and should prevent page scroll even if the content is too small and has no scroll bar (or if scroll reached the end of the page). This at least should be configurable.

I can't reproduce this on the demo screen, this does work properly in the fullscreen mode.

Descriptive summary When copying text from a Word document (with a list) it pastes: <> instead of the real list.

Steps to reproduce

• Open Internet explorer
• Go to an editor with version 4.4.7 (or the one on the demo website)
• Copy all from the attached Word document
• Paste into the editor
  • BUG

Browser and OS Internet Explorer and Windows

Hi all - first posting here.

We are creating online forms for medical data and we frequently examine the format and layout as a pdf file which works fine. However, the layout of the form seems to dramatically change as soon as data is inputted. Has anyone seen this before?

Thanks for all replies.

Element.appendText() method does not append text to an <a> element in Safari using a Mac.

Environment:

Mac OS X 10.9.1

Safari 7.0.1

Steps to reproduce:

1) Create a new CKEDITOR.dom.element with ('a',editor.document) as params.

2) Attempt to appendText to the element.

3) Try to insert the element to the editor.

Code snippet:

var element = new CKEDITOR.dom.element('a', editor.document);
element.appendText('@');
editor.insertElement(element);

If you were to put a break point after the append, you would see that the text have not been added to the element.

Try loading the following source into editor with ACF disabled:

    <svg preserveaspectratio="xMinYMin meet" version="1.1" viewbox="0 0 778 873" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 
    <image height="100%" width="100%" xlink:href="map.png"></image> 
        <g class="hover_group" opacity="1"> 
            <a xlink:href="http://www.google.com">
                <rect fill="red" height="100" opacity="0.0" width="160" x="110" y="240"></rect> 
            </a> 
        </g> 
    </svg>

The xlink:href attribute will be broken.

It seems that this regexp is a problem: ​https://github.com/ckeditor/ckeditor-dev/blob/2fbdbad72248e4b87826319c5e4a5a8e4b86f518/core/htmldataprocessor.js#L771

It allows only hyphens in attributes while colons should be accepted as well:

protectAttributeRegex = /([\w-:]+)\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|(?:[^ "'>]+))/gi,

With this regexp the xlink:href attribute is correctly preserved.

Steps to reproduce:

1. Open IE9
2. Open URL: ​http://ckeditor.com/demo
3. Insert a picture in the middle of the text
4. Click on the picture
5. Scroll up or down

You'll notice that the picture is selected and the outlines are available on the page

To Reproduce:

1. Open any sample
2. Type in the console:

CKEDITOR.instances.[EDITOR].editable().on('input', function(){console.log('input...')});

3. Type anything in the editor

Problem: The event is not triggered

Note: The event is triggered in FF and Chrome.

I'm having troubles setting up my styleSet. I have (for simplicity) 2 styles:

CKEDITOR.stylesSet.add( 'styles-styles-datart', [
	{ name: 'Paragraph', element: 'p' },
	{
		name: 'Box with border',
		element: 'div',
		attributes: {
			'class': 'box-with-border'
		}
	}
]);

When I then use the Styles combo to change a block to a "Box with border", everything is ok, the class name is there.

But when I want to change the block back to a normal Paragraph, it leaves the class value without changes:

<p class="box-with-border">...</p>

I tried various configurations of the Paragraph style, but none worked (well one worked, but it is quite ugly):

1. { name: 'Paragraph', ..., {attributes : {'class' : null}} } - this produces <p class="null">
2. { name: 'Paragraph', ..., {attributes : {'class' : false}} } - this removes the Paragraph style from the Combo completely
3. { name: 'Paragraph', ..., {attributes : {'class' : }} } - empty string removes the Paragraph style from the Combo also
4. { name: 'Paragraph', ..., {attributes : {'class' : ' '}} } - string with 1 space character. Only this configuration works the way I wanted

Is there some other, cleaner way to do this?

I have been able to replicate the following steps in Chrome (42.0), Firefox (37.0.2), and IE 11, with our 4.4.4 build and the demo on this website.

1. Type "something" in editor
2. Highlight "something"
3. Click the link symbol
4. Using http protocol, enter a URL text
5. Click "OK"

The text appears to contain the link (blue color and underlining), however, you cannot mouseover the link nor click on the link in the editor. If you copy the RAW HTML and paste in the browser (outside the editor), you can mouseover the text and click on the link as expected.

Again, I was able to replicate the behavior using the CKEditor demo on this website so I don't think it's limited to just v4.4.4.

The source view has no word-wrapping in Firefox, as of very recently.

Because Firefox just fixed a long-standing CSS implementation bug: ​https://bugzilla.mozilla.org/show_bug.cgi?id=82711

Other browsers still have the bug.

Your CSS has white-space:nowrap cascading through.

You therefore need to probably put an override on the textarea element.

Problem is reproducable on your latest demo.

After setting blurDelay = 0, then click Bold and click Paste in toolbar, it will throw the error below.

Uncaught IndexSizeError: Failed to execute 'extend' on 'Selection': 1 is larger than the given node's length.

CK version:"4.4.6", revision:"08188c4"

Only in Chrome, IE and FF will be fine

jsfiddle: ​http://jsfiddle.net/mfine2/98rwv6Lt/

When you try to reposition an image with the enhanced image plugin without a caption you get no indication of where in the webpage the image will be dropped if you let go of your mouse.

If you do this with an image with a caption the helper line tells your where your image will be moved if you let go of the mousebutton.

Steps to reproduce:

1. Go to ​http://ckeditor.com/demo#widgets and find the enhanced image demo

2. Drag the image using the cross in the top left corner and you will see the helper line indicate where the image will be positioned if you let go of the mousebutton

3. Edit the image and deselect "Captioned image"

4. Now try dragging the image and you will see that the helper line is gone and its really difficult to see where your image will be positioned

Browser/OS:

Firefox 37.0.2 and Chrome 42.0.2311.135 on OSX 10.10.3.

The WSC button appears to be disabled (greyed-out) when ran under Quirks Mode in IE9. No javascript errors in console.

In the full featured demo, the WSC button appears to be disabled (greyed-out) when ran under Quirks Mode in IE9. No javascript errors in console.

In the full featured demo, the WSC button appears to be disabled (greyed-out) when ran under Quirks Mode in IE9. No javascript errors in console.

Clean up all licenses according to ​https://gist.github.com/Reinmar/c23f70232ce84cb8011f

I've tried submitting a new plugin several times and I've repeatedly been blocked from the Mollom anti-spam / captcha service CKEditor.com uses. I don't understand why because there's no explination provided save for the following:

Your submission has triggered the spam filter and will not be accepted. If you feel this is in error, please report that you are blocked.

I've repeatedly gone to their website and reported that I was blocked, but was not spamming. They in turn have unblocked me several times as well, but when I go to resubmit my plugin to the repository it just re-blocks me.

I am using CkEditor4.4.3. In OS X in Chrome browser in image upload tool, On "Send it to the Server" button getting error "not found (error to origin)" What could be the possible cause?

Hi,

I have a form which include a text field, a file (picture) field, a textarea (CKEditor).

I can use image upload addons. Because When I post image process some procedures. And I cant track which image uploade.

I'm using an jquery code on below but I cant take updated textarea (FCKedit) value.

var fields = new FormData(document.getElementById("veriGiris")); $.ajax({

url: "icerik-icerikGuncelle.php", type: "POST", data: fields, enctype: 'multipart/form-data', processData: false, tell jQuery not to process the data contentType: false tell jQuery not to set contentType ).done(function( data ) {

$("div#islemSutunu").html(data);

});

I search on web and found this.

data = CKEDITOR.instances.detay_tr.getData();

but I cant merge with my Jquery code above.

Can you say me a solution.

PS. Sory for my broken English.

Relative test available in ​branch:t/TMP.

​http://dev.ckeditor.com/ticket/13027#comment:24

Hi everyone, I bought this plugin (DOKSoft Quick Image Upload), but I want to edit them. The handler is good for me, but script for uploading I need edit. The best solution for me will be build new Upload Script. Is there someone, who know this plugin? I don't know what I must return after image upload for preview in CKEditor.

Sorry for my English, I'm from Czech :)

Thx very much!

I'm using the divarea plugin, rather than an iframe, which is important to this issue.

When I indent a block (not a list) in the editor, the outdent button remains disabled and I'm not able to outdent it again. I can continue to indent to additional levels, but can never outdent.

Here's the simplified HTML to reproduce the problem.

<html>
<head>
    <script src="ckeditor/ckeditor.js"></script>
</head>
<body>
    <div>
        <ul>
            <li>
                This is just a list item. But CKEditor is below.<br>

                <textarea id="something">some text</textarea>

                <script>
                    CKEDITOR.replace("something");
                </script>
            </li>
        </ul>
    </div>
</body>
</html>

It turns out the state of the outdent button/command is being set to TRISTATE_DISABLED via the return from refresh on lines 126-127 in my version of plugins/indentblock/plugin.js, when getIndent( firstBlock ) returns NaN. This is because firstBlock is the wrong element--one completely outside the editor element!

The root of the problem is on lines 58-60 of plugins/indentblock/plugin.js:

if ( !firstBlock.is( $listItem ) ) {
	firstBlock = firstBlock.getAscendant( $listItem ) || firstBlock;
}

This use of getAscendent backs all the way out of the editor container and up to the first list item on the page. Due to the use of list items in our responsive design layout, we do, indeed, put the editor inside an <li>, as you can see in the HTML above. This problem obviously wouldn't happen when using an iframe, since getAscendent would be confined to that iframe.

I've been able to fix (or at least work around the issue) by changing replacing lines 58-60 with:

if ( !firstBlock.is( $listItem ) ) {
	var query = function ( element ) {
		return element.nodeName in $listItem && path.contains( element );
	};

	firstBlock = firstBlock.getAscendant( query ) || firstBlock;
}

Probably not applicable to this issue, but I'm using:

• OS: Fedora 21
• Browser: Chrome 40.0.2214.93 (64-bit)

Attached is my build-config.js file.

While opening a document using ckeditor we are getting this error. We have not made any changes in the original code. Issue is not appearing on every deployment but unfortunately at client production environment it is appearing.

Following is the error message:

Stack overflow at line:

Please let us know the possible fix for this problem and please let us know if you can provide the fix on this particular version.

One hint is if we remove the formatting like bullet point then issue does not appear.

Kindly help us out.

Thanks and regards, Pramod

Hi,

I would very much like to see this feature in ckeditor, especially for working on long texts.

It can sometimes take a long time to find the correct position to continue editing when toggling to source mode. Automatically placing the cursor at the current position from WYSIWYG mode and scrolling to that position would be extremely helpful.

And one other thing I'd like to tell you:

Your bug reporting tool is very difficult to access and use, I'll give some of the reasons below.

• For one, if you forgot user name and password, you cannot get back your account, as resetting the password does require the user name. So if one forgets both, the only thing one can do is use a different mail address... Mail address only should be sufficient for this.

• To register, there are fields marked as 'optional'. If you don't enter anything there, you get an error message that those are required. The fields should be clearly marked as to their required-ness.

• To find if a bug was already reported, you need to go through a list of several hundreds of bugs. I can't do that, I'm sorry if this has already been reported, but I really do not have the time to read through more than 13 pages of bug report titles. I think this could be some kind of vicious circle - users report more bugs, because they cannot see if theirs has already been reported. I don't know a solution for this...

• There is no real simple bug report list. The only access to bug reports seems to be the search box. This makes it difficult to browse bugs, or to even find *where* to browse bugs.

• It isn't really clear that the search box is for searching bug reports.

CKEditor is a great tool, though, which I like to use - and I thank you for all your work on it!

Catching the event "paste" with the method CKEDITOR.event.on, it doesn't matter what kind of text or html code i'm gonna paste in the editor, in firefox and IE8 i get as data type (evt.data.type) "html", on the contrary, in chrome and Opera i get the type "text".

Please let me know if this is a bug or not.

Regards,

Giorgio

We have to wait for closing ​https://github.com/benderjs/benderjs/issues/208. To finish this task we need to add certificate files and define options in config.

Ticket for the PR: ​https://github.com/ckeditor/ckeditor-dev/pull/160

 *		var nativeNode = document.createTextNode( 'Example' );
 *		var text = CKEDITOR.dom.text( nativeNode );
 *
 *		var text = CKEDITOR.dom.text( 'Example' );

should be

 *		var nativeNode = document.createTextNode( 'Example' );
 *		var text = new CKEDITOR.dom.text( nativeNode );
 *
 *		var text = new CKEDITOR.dom.text( 'Example' );

Or you will get an error when replacing an element with that text.

In Firefox 37, the drag handles for tables are at the wrong position when the table has a headline. When resizing the table, the outline is also shown at the wrong position. It seems the table headline is not accounted for when determining the top position.

To reproduce the issue, simply visit the demo page (​http://ckeditor.com/demo) and click into the table titled "Mission crew".

See #5218, #641and dozen other tickets. They were a reason to introduce data-cke-saved-src which is not affected when copying images or getting data from editor. This attribute keeps the exact value set by the user.

However, it has a side effect. When copying image from editor1 to editor2 and:

• if these editors work in different domains or under different paths (or basePaths are set differently),
• and if the source was set relatively to the editor path,

then after copy and paste such image will have a URL relative to editor1 while it operates under different path (that of editor2). Hence - it won't display.

Funny thing is that browsers copy a full path with the domain to the clipboard, so if we let browser do the job, everything would work. However, exactly this feature of the browsers was a reason to introduce data-cke-saved-src.

Suppose we have following Code :

editor.getSelection().selectElement(element);

When you want to select and element by using this method (which in our case is current line in editor) , it works fine in all browsers except any version of Safari. Actually it looks like selecting two element/line instead of requested element.

after enable SCAYT plugin => set [CKEDITOR.config.scayt_minWordLength = 2] => not working => search source code of 4.4.7 in CDN => no [scayt_minWordLength] was found => ​http://cdn.ckeditor.com/4.4.7/standard/ckeditor.js

Steps to reproduce: When customize plugin with builder, add "inline save", the "ckeditor.js" does not include one parameter (editorID) in the POST.

CODE WITH BUG:

CKEDITOR.plugins.add("inlinesave",{init:function(a){a.addCommand("inlinesave",{exec:function(a){(function(){var b=a.getData();jQuery.ajax({type:"POST",url:dump_file,data:{editabledata:b}}).done(function(a,b,c){alert("Your content was successfully saved. +c.responseText+?")}).fail(function(a){alert("Error saving content. +a.responseText+?")})})()}});a.ui.addButton("Inlinesave",{label:"Save",command:"inlinesave",icon:this.path+"images/inlinesave.png"})}});

CODE BUG FIXED (adding "c" var), with this code:

CKEDITOR.plugins.add("inlinesave",{init:function(a){a.addCommand("inlinesave",{exec:function(a){(function(){var b=a.getData();var c=a.container.getId();jQuery.ajax({type:"POST",url:dump_file,data:{editabledata:b, editorID:c }}).done(function(a,b,c){alert("Your content was successfully saved. +c.responseText+?")}).fail(function(a){alert("Error saving content. +a.responseText+?")})})()}});a.ui.addButton("Inlinesave",{label:"Save",command:"inlinesave",icon:this.path+"images/inlinesave.png"})}});

When customize plugin with builder, add "widgetbootstrap", under the plugin folder, in the "widgetbootstrap" folder are not added the "icons" folder with the icons:

widgetbootstrapAccordion.png widgetbootstrapAlert.png widgetbootstrapLeftCol.png widgetbootstrapRightCol.png widgetbootstrapThreeCol.png widgetbootstrapTwoCol.png

Copy table with "Repeat as header row at the top of each page" option enabled in Word didn't paste correctly in CKEditor.

Tested on CKEditor dashboard page ​http://ckeditor.swg.usma.ibm.com/

Steps to reproduce:

1. From Word, create a 2x2 table and enter some text. See attached screen capture (Table_in_Word.png) for example.
2. Select the table, then select Table Properties
3. In the Row tab, check option "Repeat as header row at the top of each page" and OK
4. Copy the selected table from Word and paste into the CKEditor

All cells in the pasted table in CKEditor are header cells, see Pasted_table.png. And the table properties "Headers" field is set to "Both" and I'm not able to change it. Change didn't take affect after OK.

The expected result is only the first row as header and rest are standard cells.

As time passes by browsers require drop certain vendor prefixes. The whole code base (skins and inline styles in JS) need review and updates.

After downloading the "ckeditor_4.4.7_full.zip" file from "ckeditor.com >> 'Download" >> Full Package", I started to think it might be missing a few packages.

I posted here initially:

​http://ckeditor.com/addon/autogrow

Robert mentioned for "autogrow", it isn't part of any of the packages (basic/standard/full), so that's normal/to-be-expected for it.

Ok, fair enough. But the next question I wanted to ask was how about the "keystrokes" plugin? This is also missing from the "*_full.zip" file. (I wanted to ask this on the previously mentioned page, but the spam filter kept blocking me for some reason, so I came here instead).

I saw a reference on how to do custom-keyboard shortcuts here:

​http://ckeditor.com/forums/Support/Custom-hotkeys

Which pointed to here:

​http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.keystrokes

In there, it mentions that you can edit the default values of CKEDITOR.config.keystrokes, which are defined in "plugins/keystrokes/plugin.js". Funnily enough, when I check for this file, it's missing from the "ckeditor_4.7.7_full.zip" download too.

Unfortunately, this doesn't seem to be available as a separate download (ie, no google hits when I search for "ckeditor keystrokes plugin", I even tried visiting "​http://ckeditor.com/addon/keystrokes", but no luck there either).

I noticed the source for it was available here though:

​http://docs.cksource.com/ckeditor_api/symbols/src/plugins_keystrokes_plugin.js.html

I also noticed in an old copy of ckeditor that I kept that it just consisted of this one "plugsin/keystrokes/plugin.js" file, so I thought I'd just try copy/paste it (with the html-stuff removed).

I also had to delete some of the example sections of the comments because they contained /* ... */ c-comments, which were interfering with the / ... */ documentation comment that contained them.

I then edited the "config.js" file and added this plugin to the list:

config.extraPlugins = 'autogrow,keystrokes';

Finally after doing all this, I got the keystrokes plug-in working with the advice from here.

​http://trueacu.com/CKEditor_Keyboard_Shortcuts

Hi,

Let's say in ckeditor/contents.css are defined following styles:

body {

width: 1000px;

}

.responsive-block {

width: 50%;

}

Then if in ckeditor you copy (of course in visual mode, not from source code):

<div class="responsive-block">...</div>

and you paste it to some other place you will get:

<div class="responsive-block" style="width:500px">...</div>

This breaks responsive design.

Provided example deals with width but junk styles are also added for font-size, line-height, ... which also could be changed by responsive styles.

I understand that in some circumstances this behaviour is desired but on other side there are circumstance when this behaviour breaks responsive design. So if this is not considered as bug it would be great at least have possibility to "paste without addition of explicit inline styles" or "paste unchanged" and let the user decide what he will do.

Thank you.

Mojmir Durik

User is unable to drag and drop widget instance using its handler if a text caret is placed just after the widget (example: some text [Inlinewidget]| rest of the text). On mouse down click there is an exception:

Uncaught IndexSizeError: Failed to execute 'extend' on 'Selection': 1 is larger than the given node's length.

Bug was reported only for Chrome browsers (all the latest versions).

Steps to reproduce:

1. On CKEditor widgets demo page go to the mathematical formulas demo.
2. Select a formula widget instance by click
3. Type right arrow key once to unfocus the widget instance, text caret should appear just after the widget instance
4. Try to drag the widget using drag handler, the exception should be thrown

I've found that the bug is connected with "bookmarks". The "source" of the problem is finalizeNativeDrop function when saveSnapshot event is triggered. One of its handler(s) uses bookmarks and call moveNativeSelectionToBookmark function. Stack trace reports call from instanceReady handler in selection component. There are following code:

			editor.on( 'beforeUndoImage', beforeData );
			editor.on( 'afterUndoImage', afterData );
			editor.on( 'beforeGetData', beforeData, null, null, 0 );
			editor.on( 'getData', afterData );

(... and in afterData function ...)
			if ( fillingChar ) {
				fillingChar.setText( fillingCharBefore );

				if ( selectionBookmark ) {
					moveNativeSelectionToBookmark( editor.document.$, selectionBookmark );
					selectionBookmark = null;
				}
			}

By unknown reason (for me), selectionBookmark is an empty textnode with offset property set to 1. This causes an exception in

sel.extend( bm[ 1 ].node, bm[ 1 ].offset ); 

which cannot move selection to position 1 when the node length is 0.

Whenever editable.js' focus() is called, editor scrolls to top on Firefox 38. This does not happen on Chrome or IE. What is strange is that I can't reproduce this on the demo.

The line that causes this is line 77:

this.$[ CKEDITOR.env.ie && this.getDocument().equals( CKEDITOR.document ) ? 'setActive' : 'focus' ]();

Hello Support, We have a urgent issue, We are using CKEditor in DNN site, The issue is that each time we view Source it will add add Empty <em> Tag in each and every paragraph.

It will add in all paragraph from where added in Last time.

Open any demo CKEditor from ​http://ckeditor.com/demo Click 'Image' button from toolbar Select 'Link' tab Click 'Browse' button and select an image from CKFinder Click 'ok' green button to insert image link into CKEditor (i guess)...

Result: "Image source URL is Missing" error

In Chrome, if a format is selected then a user quickly starts typing after clicking the text area, the format selected is removed. A video is attached.

Steps to Reproduce

• Go to the demo: ​http://ckeditor.com/demo
• Clear the existing text
• Click off focus
• Click Bold (or some format)
• Click the text area quickly
• Start typing

Expected Results Any selected format is applied

Actual Results The selected format is removed

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

Test:

<img src="[[image]]" />
<img src="[[image]]"/>

With the following setting:

{
	protectedSource: [
		/\[\[[^\]]+\]\]/g
	]
}

uiColor : '#FFFFFF'

.cke_1 .cke_toolbar_separator {

background-color: #FFF;

}

The argument was added in #4246, because there's nothing about it in:

​http://dev.ckeditor.com/browser/CKEditor/trunk/_source/plugins/image/dialogs/image.js?rev=4684

and plenty of it here:

​http://dev.ckeditor.com/browser/CKEditor/trunk/_source/plugins/image/dialogs/image.js?rev=4686

For all these years I thought that it serves some purpose, but I cannot find any. In our tests and the one I performed manually commit() is never called with more arguments than two. Therefore I propose to remove these lines.

There's still a small chance that someone (perhaps some external plugin, because none of ours seem to rely on this argument either) uses this argument, so I propose to make this change in 4.5.0.

Hello all, I'm new to CKEditor and this site (just registered so hello).

I wonder if you may have an answer?

I'm trying to use the inlineall.html example given in the downloaded sample and am running into major difficulties. I can generate the editable/none editable regions (worked that out with the disable feature) but now want to save what I've edited via Php. My aim is to use this for a news page and do the following:

1) Take the example regions in the inlineall.html example and save each to a database (this would be the news_article_body - see below)

2) Once written, I then want to recall the data (all the regions) and display them in their original format and positions.

3) I aim to use a single field in a table to hold the data, which may look something like this

news_id, news_article_title, news_article_body, news_published (just noodling)

I am pretty OK with Php, the actual DB manipulation is not a problems (the physical writting and reading); I just can't figure out how to get the edited fields from the inlineall.html page to the php

I've noticed that the replacebyclass.html example does this quite well

P.S. I've already saved the inlineall.html to a Php file and am good to go :)

Any help would be greatly appreciated. Much thanks in advance

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

TypeError: editor.toolbox is undefined

It's thrown because the toolbar plugin isn't enabled.

Go to ​http://ckeditor.com/demo#full-page as it seems to be the only demo with ACF settings to support <link>

Switch to source mode and in the body (yes, it's not allowed bla bla bla. I'm talking about real users, not experts that read the HTML specifications) insert <link href="/shadowbox/shadowbox.css" rel="stylesheet" type="text/css">

Now go back to design mode and switch to source and you'll find that the body is empty and everything is after it.

Seemingly at random, I get this exception when calling editor.getData() in my application. The error message is identical to #12727, but I believe it is a different bug since I use neither Div Editing Area or Content Template plugin.

I haven't been able to reproduce the bug myself, but I'm using a bugtracking tool with a console recorder in the public version of my application that tells me that the error occurs quite frequently. It seems to be a Blink-only problem and has been around since 4.4.6 at least.

Screenshot and build-config attached. I'll try switching to an uncompressed version of CKEditor to see if I can get some more info from the console recorder.

Currently, we're not presenting the color buttons in High Contrast mode. They have been disabled with #3706.

The main reason for it is this comment:

There is a usability fact here. In HC, colors are disabled. It means that, even if a user applies color to text, s/he is not able to see the applied color. So, that user is not actually able to properly apply colors.

We may investigate if there is any possibility to solve this problem though and enable HC users to use the color features.

Hello, when I right cklick and choose "Paste": the Text is with colours und format. when I right click and choose "Paste as Text": the Text is also with colour and format. when i choose one more time "Paste as Text", then ist the Text onlx Text without colour. How can i fix it?

Thanks

Hi,

I have been working with this issue for a while and i have downloaded the full package from CKEDITOR and I have been doing everything to at least display the Font and Size drop downlist to appears. I first download the standard version and placing the font folder in the ckeditor/plugins folder and then in ckeditor/config.js adding config.extraPlugins = 'font';

This did not work, so i downloaded the fullpackage with all the plugins and still the toolbar shows as i have the standard version.

This is my config.js

/

• @license Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
• For licensing, see LICENSE.md or ​http://ckeditor.com/license */

CKEDITOR.editorConfig = function( config ) {

%REMOVE_START% The configuration options below are needed when running CKEditor from source files. config.plugins = 'dialogui,dialog,about,a11yhelp,dialogadvtab,basicstyles,bidi,blockquote,clipboard,button,panelbutton,panel,floatpanel,colorbutton,colordialog,templates,menu,contextmenu,div,resize,toolbar,elementspath,enterkey,entities,popup,filebrowser,find,fakeobjects,flash,floatingspace,listblock,richcombo,font,forms,format,horizontalrule,htmlwriter,iframe,wysiwygarea,image,indent,indentblock,indentlist,smiley,justify,menubutton,language,link,list,liststyle,magicline,maximize,newpage,pagebreak,pastetext,pastefromword,preview,print,removeformat,save,selectall,showblocks,showborders,sourcearea,specialchar,scayt,stylescombo,tab,table,tabletools,undo,wsc'; config.skin = 'moono'; %REMOVE_END%

Define changes to default configuration here. For example: config.language = 'fr';

config.uiColor = '#AADC6E';

config.extraPlugins = 'font'; config.autoParagraph = false; config.ignoreEmptyParagraph = false; config.pasteFromWordPromptCleanup = true; config.forcePasteAsPlainText = false; config.pasteFromWordRemoveFontStyles = false; config.pasteFromWordRemoveStyles = true; config.enterMode = CKEDITOR.ENTER_BR; config.scayt_autoStartup = true;

};

What can i do to at least either have the Font and Size dropdownlists or have the toolbar contain all features.

Thank you, Cory

Using CKEditor ver. 4.46...

One of my users reported an issue with a notification message being obscured in the image upload tab of the standard image dialog.

Please see the following support forum thread for details, especially the PDF attachment.

​http://support.toastmastersclubs.org/5-support-requests/26341-text-overwriting-problem-after-file-upload-150521

Thanks!

Steve

We have a recurring problem with symbols being replaced with “?”. Symbols used like © ψ ρ σ etc.,

ISSUE: when users use some special symbols like mentioned above and post data, ckeditor replacing them to '?' while saving to DB.

Editor is integrated into Php v5.5 with back end MySql 5.1

Please let us know if you need any more info.

You will be highly obliged if any help is provided to resolve ASAP.

Thanks

Hi Team,

I had a PDF file which contains a table. When I paste the content directly into the CKEditor it only gets the text till the table. Rest of the text below table is not displayed. Also entering the text after the table becomes difficult.

Using the CKEditor in debug mode ( ?x-ckeditor-debug=true ) , when the CKEditor loads, i'm getting errors in the console, regarding some methods missing(e.g. the CKEDITOR.on method).

I used to this simple html page to load the editor :

<!DOCTYPE html> <html> <head>

<title>Source defect CKEditor Sample</title> <meta charset="utf-8"> <script src="../ckeditor.js"></script>

</head> <body>

<p>

<label for="editor1">

Editor 1:</label>

<textarea cols="80" id="editor1" name="editor1" rows="10">

&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="​http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;

</textarea> <script>

CKEDITOR.replace( 'editor1' );

</script>

</p>

</body> </html>

The reason is pretty simple – we know on what browsers CKEditor does not work (IE7-), but we do not know on what browsers it works and will work in the future. So given the problems with browsers recognition it will be much safer to have a blacklist.

I'm not 100% sure yet, but it seems that the copy and cut buttons work. AFAICS paste doesn't but it's because we don't execute the native command (because it never worked) on other browsers than IE.

Following things need to be checked:

• Whether I am correct.
• Whether copy and cut commands trigger our listeners.
• Whether we can make at least the normal paste work (paste as text and paste from word may be hard).

If to insert the image, the question mark is inserted. Similar occurs if to press Shift+Enter. Problem only in the Safari browser

version: 4.3.1 revision: 3ecd0b8

​http://gd.lotos-cms.ru/files/qqq1.PNG ​http://gd.lotos-cms.ru/files/qqq2.PNG ​http://gd.lotos-cms.ru/files/qqq3.PNG

Because jquery adapter will override the val function, the value post to server always not encoded.

I tried to set CKEDITOR.config.jqueryOverrideVal = false, but the val function still get override, I can confirm CKEDITOR.config.jqueryOverrideVal is false and attr("value") is encoded from firefox debug console, but the val function still return no encoded.

as Title, if there a element like <div tab-index="-1"></div> in html (in my case is bootstrap modal), all input dialog on plugin element can't get focus.

Highlight the default paragraph and click the backspace button Type the first line and press the Enter key. *Instead of returning the cursor to the the next line, the editor moves the cursor over several spaces to the right, like a tab key.

Having a css file loaded, inserting a link with a class specified in this css file using insertHtml fails with an error:

• (Dutch) Kan de eigenschap scrollIntoView van een niet-gedefinieerde verwijzing of een verwijzing naar een lege waarde niet ophalen
• (Translated) Unable to get property 'scrollIntoView' of undefined or null reference

This can be reproduced on the demo page, currently containing version 4.4.7: ​http://ckeditor.com/demo

In Windows 8.1, Internet Explorer 11, using the console run the following line-by-line:

CKEDITOR.instances.editor1.setData('');
CKEDITOR.instances.editor1.addContentsCss('http://foundation.zurb.com/docs/assets/css/docs.css');
CKEDITOR.instances.editor1.setMode('source');
CKEDITOR.instances.editor1.setMode('wysiwyg');
CKEDITOR.instances.editor1.insertHtml('<a href="http://www.ckeditor.com" class="button">CKEditor</a>','unfiltered_html')

I am trying to add multiple items to a context menu based on what the user has selected elsewhere on the page. I can get the menu items to add, but it seems that the command names are being ignored and overwritten. Details and code on Stack overflow: ​http://stackoverflow.com/questions/30377897/ Did I just make a JavaScript coding error? Or is this a CKEditor bug? I have not been able to find any articles related to adding menu items in this way. Thank you, Justin

HI there,

I am currently working with 'Intranet Connections' to migrate information from our old intranet to new.

The intranet connections platform is using you CK editor plug-in a content editor. What I need to is migrate over 20000pages into this new environmnent. Unfortunately there is no tool within the platform that manually migrate the HTML from old environment into pages (Content pages with CK editors) on the new platform.

Could you possibly suggest any solution?? Would be a life saver with any information.

Thank you!