Custom Query

I am frequently getting Access Denied error on ckeditor. I am using ckeditor version 3.6.2

CKEDITOR.on('instanceReady', function (ev) {
    if (ev.editor.editable.isinline()) {
    //do something
    }
}

​https://github.com/ckeditor/ckeditor-releases/blob/4.0.x/full/lang/de.js contains

"magicline":{"title":"Insert paragraph here"}

the text is english and shown on tooltip at the return icon of the magic line. In german (de.js) the text should be "Absatz hier einfügen" like

"magicline":{"title":"Absatz hier einfügen"}

Failure is in all kind of branches (4.0.x/latest/stable) and in all 3 product versions (basic/standard/full)

Steps:

1. View nightly ​http://nightly.ckeditor.com/13-02-27-14-12/full/samples/plugins/enterkey/enterkey.html
2. Set config.enterMode = CKEDITOR.ENTER_BR; config.shiftEnterMode = CKEDITOR.ENTER_P; equivalents using select boxes.
3. In source mode enter <br />
4. Switch to wysiwyg and back to source.

Expected result: The <br /> should still be the source.

Actual result: The source is blank.

Notes: I can reproduce this in every browser I've tried from CKEditor 4.0 through nightly.

To reproduce:

1. Open enterkey sample and set enter mode to BR
2. in WYSIWYG press new page command and then press Enter key few times. You will get:

   <br />
   <br />
   <br />
   

3. Toggle between WYSIWYG and Source

Result: Every time you switch one BR gets removed until there is nothing in editor. This is in CKEditor 4 beta

4. From CKEditor 4.0 you will get something like below when switching to source.

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

5. Every time you switch to source remove the  . Only then br tag gets remove (one at a time)

Problem can be reproduced in all browsers from CKEditor 4 beta. It doesn't occur in 3.x branch.

New argument has to be introduced allowing to skip filtering e.g. for some internal and temporary insertions.

Hi, the scayt plugin it checks for opera and air and disables itself if running that, I could not find the reason why in the comments or the code. I removed those checks and what I noticed is calls for window.scayt but this property is never asiogned any value in the plugin.js. I would apreciate if someone could let me know why is not working on Adobe AIR maybe I can workaround that. Here is a forum thread I started abgout this. P.S. version 4 of ckeditor is not working in AIR so I can't try that.

Menu items in CKEditor 4.x have an invalid WAI-ARIA attribute applied: aria-pressed

This is not a valid attribute for elements with a menuitem role as specified in ​http://www.w3.org/TR/wai-aria/roles#menuitem.

<a ....aria-pressed="false" .... role="menuitem" ... class="cke_menubutton cke_menubutton__paste cke_menubutton_off cke_menubutton__paste" >...</a>

This is a failure of WCAG 2.0 checkpoint 4.1.2. See details at: ​http://www.w3.org/TR/2012/NOTE-UNDERSTANDING-WCAG20-20120103/ensure-compat-rsv.html

1. Load this HTML:

<p>1. Select the whole link:</p>
<p><a href="http://ckeditor.com">My link</a></p>
<p>2. Start typing... just the first letter will be linked.</p>

2. Select the whole link line.
3. Type "test".

Note that only the first "t" gets linked.

Hi, I need to include a css file with contentsCss option and using stylesheetparser. The css file contains a body element that defines a background-image. I need this so that the editor window 'inherits' that background image that is correctly displayed inside the editor area. My problem is that the same background image is applied to all the selects in the toolbar (style, font, dimensions, ...), is this a bug or there's a workaround? This happens in both 3 and 4 versions. Thanks, Frank

Copy and paste does not work in Chrome.

I had a more detailed ticket that got rejected by akismet so I will make this short.

​http://ckeditor.com/demo#div, clear all content so its blank, try copying in blocks of text only input (like lorem ipsum). The area does not get updated but when you hit source you can see the content was pasted sans formatting in some cases. Also it seems like you cant get a cursor in the editable area after pasting as well. This issue only appears in chrome.

On the iPad:

• select text
• click button to open text color menu
• click any color

Result:

• the selected text does not have chosen color applied.

we have been using ckeditor 4.0.1 in Asp.net. The required functionality works fine in firebox and chrome. But having problem with IE 9 and gives an error as "object does not support method or property 'contains'".

Looking for the solution

1. Modes: auto & allowedContent
2. What and where is being filtered.
3. Toolbar buttons behavior.
4. URLs to guides and API docs.
5. Explain the idea of this sample (all editors share the same content).
6. Each editor must be explained separately.

Since incorrect ACF settings may cause data loss we need event that will notify when something was filtered out.

Using IE8 and IE9:

Load ​http://nightly.ckeditor.com/13-03-05-09-12/standard/samples/replacebyclass.html and press a letter until there's enough content to almost fill the line.

Now put the caret below the Style combo and click on it to show it: the blinking caret can be seen in the middle of "Italic title"

When i upgrade CKeditor from 3.6.2 to 4.0.1 I'm getting access denied error in IE. When try to investigate i found that the issue due to the document.domain set in the parent page which is invoking ckeditor.

In Previous versions Ckeditor picks up the document.domain from the parent which is invoking it and sets it to the iframe which ckeditor generates but the 4.0.1 is not doing this.

This is impacting our upgrade and it is very critical for us. Please provide the fix as quick as possible.

Thanks, Ramesh

align="right"

in the first image at the top is removed

I think that there is a high risk of content being removed in this particular case, where full page mode is enabled.

I think that in full page mode the "source" button is used much more often, which may lead to various tags being pasted, which one cannot anticipate and which cannot be created with CKEditor. So it looks like the right way to go would be to suggest disabling content filtering in this particular mode.

I am facing issue regarding CKEditor scroll bar on IE version 9 after enabling the script debugging(other) in IE advanced options . When ever i hover mouse on the scroll bar i get error on this code

var b=this.$;return a.type!=CKEDITOR.NODE_ELEMENT?b.contains(a.getParent().$):b!=a.$&&b.contains(a.$)

I have a problem with ckeditor and jquery dialog window. I have a form in which I'm dragging a div to a sortable table. When dragging I'm cloneing the div and opening a jquery dialog which contains the ckeditor. The editor is created on the dialog's open method, and is being destroyed on close. After dragging the edtior for the first time it opens in the dialog, but then all the dialogs in the page are not opening. I'm getting this error: Uncaught TypeError: Object [object Object] has no method 'dialog' when trying to open another dialog or drag another div with the editor. My code is:

var CKEditor
    $("#dialog_editor").dialog({
        autoOpen: false,
        height: 500,
        width: $("#td_form").width(),
        modal: true,
        zIndex: -1,
        buttons: [
            {
                text: "Save",
                "class": 'btn btn_content',
                click: function () {
                    saveEditorContent();
                }
            }
        ],
        open: function (type, data) {
            $(this).parent().appendTo("#form");
    
            CKEditor = CKEditor = CKEDITOR.replace('text_editor', {
                extraPlugins: 'autogrow',
                removePlugins: 'resize'
            });
        },
        close: function () {
            CKEditor.destroy();
        }
    });

I have searched all over the web, and still found no answer to that. I tried adding the adapters/jquery.js and still the same problem...

In CKEditor 3.x and 4.0 beta it was possible to move to next cell using tab key only (Tab is also creating new rows).

From CKEditor 4.0 when you have empty table cell and press Delete or Backspace, cursor will jump to next or previous table cell.
This is happening in every browser.

Such behaviour, although doesn’t break anything, can be confusing for users thus Oracle guys are asking to remove it.

In FCK Editor 2.latest, in the file

editor/filemanager/connectors/cfm/image.cfc

There is a private function "throw()" which became an official function in Coldfusion 9. I'm providing a patch to change this function's name to "fckThrow"

Verified in 2.6.9

Hi, In the demo editor on the site there is a file upload option when clicking the "image" button, but it does'nt appear to be in the editor that I download from the site. How can I add this option to my editor ?

CKEditor 3.x & 4.X

1.- insert div tag 2.- insert another div tag within the already created div tag 3.- insert style <h3> within div tags.

Should look like <div> <div> <h3 style="x"></h3> </div> </div> But instead after inserting the h3 tag, it replaces one of the div tags and then it looks like

<div> <h3 style="x"></h3> </div>

It was found a bug on image dialog behaviour. When i try to set a new image, for instance:

Ckeditor translate it to html successfuly

<img alt="" src="http://designals.net/wp-content/uploads/2011/10/tarjetas-04.jpg" style="width: 600px; height: 430px;" />

But when i submit it, HTML code which is send is wrong

<img alt="" src="http://designals.net/wp-content/uploads/2011/10/tarjetas-04.jpg"  600px; height: 430px;" />

So, style tag "style="width:" is deleted. I think CKeditor corrupt html code when content is posted.

it looks like there might be cases when protectAttributes is executed too late. To check.

Hi,

I want to provide both Paste as well as Paste As Plain Text option. I tried various things. Such as hooking up key press event config.keystrokes = CKEDITOR.CTRL + CKEDITOR.SHIFT + 86, 'pastetext'], [CKEDITOR.CTRL + 86, 'paste'?;

But the problem here is that it doesnt work well on IE. Also, I dont want to recieve that Modal dialog. Its very annoying to get modal dialog to perform Paste or Paste As Plaintext. How can I provide both Paste and Paste As Plain Text option, without getting that Annoying Modal dialog and it should work on all the browsers IE 8-10, Chrome, Firefox, Opera, Safari.

The problem with config.forcePasteAsPlainText = true; is that, if I copy\cut any formmated text from the editor and pasted back to the editor, it pastes the text as an plain text without retaining the format.

Please help.

hi I have error when I want to load a page that have ckeditor init with ie9.

Aspx file: <%@ Page Title="" Language="C#" MasterPageFile="~/GabbehAdmin.Master" AutoEventWireup="true" CodeBehind="About.aspx.cs" Inherits="Gabbeh_Admin.About" %>

<asp:Content ID="headContent" ContentPlaceHolderID="headContentPlaceHolder" runat="server">

<script type="text/javascript" src="ckeditor/ckeditor.js"></script> <script type="text/javascript">

window.onload = function () {

CKEDITOR.replace('editor1');

};

</script>

</asp:Content> <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

<h1>

About Us</h1>

<hr /> <br /> <div class="adminEditor">

<textarea name="editor1" rows="" cols="">Test text...</textarea>

</div>

</asp:Content>

Error will happend in ckeditor.js when I run project under ie9.

The error message: Microsoft JScript runtime error: Unable to get value of the property 'textColorTitle': object is null or undefined

and code in ckeditor.js hilighted for error is : ... ,modes:{wysiwyg:1},exec:function(d){if(d. ...

please let me know how can I fix this error.

When i use the function of upload by CKEditor, the picture can not show but Firefox.

Reason： Picture where the server uses used prevent hotlinking, Google Chrome cann't send "Referer" in headers information.

Request Headers with Google Chrome. Request Headers with Firefox.

When applying text-color/text-background-color to a selected text, the applied color is not highlighted on the toolbar icon(see attachment '_1') or inside its dialog box(see attachment '_2')

I am using the inline editor(4.0.2), but i was able to reproduce it on your normal editor as well(on the DEMO site)

I tried to convince CKEditor 4 to read its standard plugins form different folder (whole CKEditor is in subfolder e.g.: '/js/ckeditor/…'). I have been pushing paths to editor and plugins following way:

CKEDITOR.basePath = '/js/ckeditor/';
CKEDITOR.plugins.basePath = '/js/ckeditor/plugins/';
…

CKEDITOR it self is working fine but plugins does not take basePath in account and still looks in path '/plugins/…'

In IE7 toolbar items that create a 'dropdown' menu to select from (such as font, size and text color) do not appear to work. When the icon is clicked nothing happens. This behaviour can be reproduced in versions:

• 4.0.1
• 4.0.2
• 4.1rc
• Nightly at 2013-03-11

In the 4.0 release however the 'dropdown' toolbar items do work.

I've tried to reduce this to a simple test case which is attached.This expects the ckeditor files to be present in the 'scripts/ckeditor' subdirectory

1. Open replacebyclass sample.
2. Focus editor and place caret in the header (h1).
3. Paste this in the console: CKEDITOR.instances.editor1.removeStyle( new CKEDITOR.style( { element: 'h1' } ) );

• Expected result: h1 was removed, so "Apollo 11" should be a paragraph, because enterMode=P
• Actual: <div>Apollo 11</div>

This behaviour should be enterMode aware - in div mode it should transform element to <div>, in br mode it should remove it completely.

Now:

• some ACRs available in filter.allowedContent array have styles/classes/attrs required by them only marked with "!" characters.
• some have their required styles/classes/attrs copied to requiredClasses/Styles/Attributes arrays.

We should always expose the second format.

This problem can be seen in base/samples/datafiltering.html of 4.1RC

When moving the cursor to the numbered list of "Editor 3", the one using "allowedContent" with ul/ol/li enabled, then using the enter key can not be used to close the list anymore. Creating a new item using the enter key still does work. In "Editor 4", the same actions work.

Tested with Firefox and Chrome.

Hi ! I just downloaded CKeditor 4.1RC (full package) and get the following error when I try to assign items the custom default toolbar : "TypeError: a.render is not a function".

Here is the simple config file I used to reproduce the bug : I pulled this code from the doc.

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

CKEDITOR.editorConfig = function( config ) {
	// Define changes to default configuration here. For example:
	// config.language = 'fr';
	// config.uiColor = '#AADC6E';
	config.toolbarGroups =
	[
		{ name: 'document', items: [ 'Source', '-', 'NewPage', 'Preview', '-', 'Templates' ] }
	];
};

I hope this is a relevant bug :)

When i create table and set table width to "500" CKEditor put it in to style tag:

<table border="1" cellpadding="1" cellspacing="1" height="80" style="width: 500px;">

But if i resize the table by mouse (drag and drop right border), CKEditor change table width this way (in width tag):

<table border="1" cellpadding="1" cellspacing="1" height="80" width="582">

And this new value can't be changed in "Table Properties" dialog - if i want to set 90% here, the only way is to edit html code :(

Is there any way to set up CKEditor to put table width to same tag every time ?

P.S. I've check it in FF 19.0 on last version CKEditor in demo page here

Link tab in image plugin should be displayed only if links are allowed thanks to custom config.allowedContent setting or link plugin.

To Reproduce:

• Open plugins/autogrow/samples/autogrow.html in a browser.
• Insert some content which is wide enough to introduce a horizontal scroll bar e.g. a table with a width of 1500px.
• Use the keyboard shortcut to open the context menu: Ctrl+Shift+F10

Problem: The context menu does not display. Occasionally it displays very briefly and then disappears again.

This is reproducible since commit 7c5782a where the following code was added to plugins/floatpanel/plugin.js:

editor.on( 'resize', function() {
           this.hide();
	}, this );

In v3 and v4, the resize event gets fired when the keyboard shortcut keys are pressed. Therefore when the code above was added in v4, this forces the floatpanel to be hidden. Do you know why this code was added to the floatpanel plugin? Can it be safely reverted?

I am using IE8 on windows XP. When an already saved text was edited and saved, i could see tags like &amp;amp;amp;lt;p&amp;amp;amp;gt being added to the front of the text (paragraph) and the same getting added to the end of the paragraph. The whole text becomes unreadable.

Haven't seen this happening on Mac-Safari or Chrome. Is this a known issue? does this effect only XP? What is the solution?

-Sam

hello, i'm using ck editor in my application i found one bug ck editor.copied data in ms-excel pasted in ck editor table border"0" is coming .the out put data showing but table border is not there.but in ck editor create table using table option that time table border"1" is coming.the problem is copy data from ms excel and paste it here that time table border"0" .how to resolve this issue help me.And set table border set always border"1".

Extracted from #10191. That patch removes support for function and regexp based validators, so we can introduce wildcards support for string based ones.

E.g.: attributes: 'data-*'

We have problem on uploading image while https is enable as we have option that user can enable or disable https while enabling https ckeditor doesn't upload image and it hang and all functionality disable like cancel from any where of image properties.it is fine when https is disable.

I am attaching screenshot.

I'm using CKEditor with Vaadin 7 and I open the editor in a new dialog. Everything works fine. When I'm opening a dialog of CKEditor (lets say the table create dialog) nothing is editable. Also the dialog can not be closed, nor moved.

In fact, in the situation above, you get completely stucked..

Currently, creating a new skins assumes the user has either: 1) a set of individual 16px X 16px icons images 2) is modifying an existing skin's icons.png which is a single vertical/column stripe of images

May corporations maintain a reference set of images that may need to be utilize for creating a custom skin. These reference images may already be a set of sprite images that are not laid out in a single vertical/column.

Adding a pos_horz parameter to the addIcon method of core/skin.js file allows a skin to define an icon that may come from a non-vertically aligned "source" file.

This would also mean modifying getIconStyle to enable both a new input parameter, but also a lookup of the new pos_horz value vs the current default 0.

/**
 * Registers an icon.
 *
 * @param {String} name The icon name.
 * @param {String} path The path to reach the icon image file.
 * @param {Number} [offset_vert] The vertical offset position of the icon, if
 * available inside a strip image.
 * @param {Number} [offset_horz] The horizontal offset position of the icon, if
 * available inside a strip image.
 */
addIcon: function( name, path, offset_vert, offset_horz ) {
	name = name.toLowerCase();
	if ( !this.icons[ name ] ) {
		this.icons[ name ] = {
			path: path,
			offset_vert: offset_vert || 0,
			offset_horz: offset_horz || 0
		};
	}
},

/**
 * Get the CSS background styles to be used to render an specific icon.
 *
 * @param {String} name The icon name, as registered with {@link #addIcon}.
 * @param {Boolean} [rtl] Indicates that the RTL version of the icon is
 * to be used, if available.
 * @param {String} [overridePath] The path to reach the icon image file. It
 * overrides the path defined by the named icon, if available, and is
 * used if the named icon was not registered.
 * @param {Number} [overrideOffset] The vertical offset position of the
 * icon. It overrides the offset defined by the named icon, if
 * available, and is used if the named icon was not registered.
 */
getIconStyle: function( name, rtl, overridePath, overrideOffset_vert, overrideOffset_horz ) {
	var icon, path, offset_vert, offset_horz;

	if ( name ) {
		name = name.toLowerCase();
		// If we're in RTL, try to get the RTL version of the icon.
		if ( rtl )
			icon = this.icons[ name + '-rtl' ];

		// If not in LTR or no RTL version available, get the generic one.
		if ( !icon )
			icon = this.icons[ name ];
	}

	path = overridePath || ( icon && icon.path ) || '';
	offset_vert = overrideOffset_vert || ( icon && icon.offset_vert );
	offset_horz = overrideOffset_horz || ( icon && icon.offset_horz );

	return path &&
		( 'background-image:url(' + CKEDITOR.getUrl( path ) + ');background-position:' + offset_horz + 'px '+offset_vert+'px;' );
}

While this may break the common x before y paradigm, adding the pos_horz after the pos_vert means the change is completely backwards compatible with all existing plugins/skins.

I will submit this as a pull request.

Currently there is no way to override a value that has already been registered in CKEDITOR.skins.icon[] via CKEDITOR.skins.addIcon.

I propose adding an additional parameter (after the parameter changes I proposed in Ticket #10206​https://dev.ckeditor.com/ticket/10206) that would allow a call to addIcon to override any existing value.

This would allow "post build" changes of a skin (via skin.js of the skin), by the end user, without having to rebuild the skin to see the change. As it stands today, if a user wants to change even just a single icon they basically need to create a new skin from source, and either run that skin "unbuilt", or "build" the new skin to regenerate a new icons.png for the new skin.

That may be the desired "way" but I don't think it gives end-users enough flexibility in those situations where their corporate UI guidelines may require a certain look-and-feel that requires using pre-provided image files.

Adding the additional override parameter, provides the following example option:

I could edit the "built" version of the kama skin, and add the following to the top of its skin.js

CKEDITOR.skin.addIcon('Underline','{path to my corporate provided sprites file.png}',-52,-128,true);

such that when I init CKEDITOR this line would override the "default' kama icon to use my own. Yes, that may seem "unoptimized", but in most cases the page that I'm using CKEditor on, has already loaded this image file for other elements, meaning it's just as optimized as using the build generated icons.png.

The new ACF feature appears to be stripping <iframe> tags from the source html when the iframe button isn't in the toolbar. When the iframe button is part of the toolbar, the <iframe> tag is not stripped.

in inline edit mode, I want some content don't be modified, so I put them in a div with contenteditable=false (we call it div A). user can not edit any content in this div, but when there's two ul list in the div, magic line will appear under the first ul.

as also, the content format should not be modified I think. but it can be changed by setting format from ck toolbar.

Maybe ck should protected the contents in div[contenteditable=false] from any modify. no matter content or format.

Reproducible in IE9 in ​http://ckeditor.com/demo and nightly 13-03-13-08-51

1. Do any undoable change, like add HR
2. Go to source mode and switch back
3. Go to source mode and switch back again
4. Click undo icon or press Ctrl-Z

The error comes in IE developer tools console. For me the error was

SCRIPT70: Ei käyttöoikeutta 
ckeditor.js?mjldea, rivi 58 merkki 486

IE9, Win 7 64bit. Not reproducible in Chrome or Firefox.

The config.justifyClasses should be used for the feature.requiredContent.

To reproduce the defect:

1. Open any CK Editor sample, enter some text

2. Switch to Source view and back to rich text again.

3. Keep cursor in editor body, type some more text, Now click Undo icon or Ctrl + Z

Issue: Javascript error thrown & error is Permission denied

I believe the following smiley gifs are duplicated due to typos: embaressed_smile / embarrassed_smile, tongue_smile / tounge_smile

This is the first time I am reporting what I believe to be a bug. Please forbear on mistakes.

The cmbAlign select box choice made by a user when creating an image is not sustained when the image is edited if the items and default for the box are configured in the dialogDefinition event. The select box value appears as a blank. It can be reselected but disappears as a style if it is not explicitly reselected by the user. This occurs in IE, Chrome, and Opera. Not in Firefox.

If the select box is not configured, this problem does not occur.

This causes a particular problem in 4.1RC if one manually authorizes content using allowedContent and forces the need for the float style (such as: "img [!src, alt] {!float};"). In this case, the image will eventually disappear if an innocent user simply assumes that his or her previous selection will be remembered.

Here is the relevant code used to configure the box:

CKEDITOR.on("dialogDefinition", function(e)
{
	var DialogName = e.data.name;
	var DialogDefinition = e.data.definition;
		
	var DialogTab;
	var DialogElement;

	if (DialogName == "image")
	{
	        DialogTab = DialogDefinition.getContents("info");
			
		DialogElement = DialogTab.get("cmbAlign");
		DialogElement["label"] = "Image Alignment";
		DialogElement["items"] = [ ["Right"], ["Left"] ];
		DialogElement["default"] = "Right";

		}
	});

<button onclick="javascript:CKEDITOR.instances.editor1.destroy();">Click</button>

I add this code in the inline editing demo page.

it throw an error.

bug condition is do not click edit area before destry().

if the edit area once actived, destry action will not throw error. or we put the destry action in window.setTimeout, it will neither throw error.

The editor does not open with Internet Explorer 8 (Standards Mode) with a <base> tag and a target attribute in the header section of the document that contains the editor instance. Javascript error in /ckeditor/core/dom/node.js (line 713) "The object doesn't support this property or method" for the CKEDITOR namespace.

In our case the target attribute points to the frame that contains the document with the editor instance by referring to its frame name (not "_self"). Temporary quickfix that did it for our purposes: Removal of the IE case for custom domains in /ckeditor/plugins/wysiwygarea/plugin.js (line 31). Also for IE we just set the src attribute of the iframe to an empyt string.

whenever we use checkbox button. I am not able to make chnages in that checkbox button suppose if checkbox is enabled then i am unable to make it disabled and vice-versa.

Source: ​http://ckeditor.com/comment/124493#comment-124493

I think that I got a little bit too far when implementing #10073. Non-empty link without href attribute is valid (in HTML5) and should not be stripped when allowed by ACF. Links (not including anchors - <a> elements with name and without href) should only be stripped when they are empty.

I am not able to paste the images/screenshots in IE6 but in FF i can paste image but those images are not visible in IE6, IE doesnot show pasted images from firefox or any other browser in ckeditor

I make a first list. Then, I make a second list, indented à the right of the first list. When I save it, a line is added between the 2 lists (with <p></p>). Each time I edit the text, a new line is added, it shouldn't.

I'm using Wordpress 3.5.1 fr and CKeditor 4.0 Wordpress plugin.

When swapping out editors via ajax load of DOM html/js, after replacement and ckeditor instatiation, resizing the viewport triggers several repetitions of the error:

"Uncaught TypeError: Cannot read property '$' of null"

​http://screencast.com/t/oWVvHMh0Spm

It happens that the input names and thus the instanceName are the same string across AJAX loads (PageBody)

I tried destroying the instance before triggering the AJAX request/replacement but that didn't seem to fix it, got a different error:

Uncaught TypeError: Cannot call method 'clearCustomData' of null triggered with CKEDITOR.tools.extend.destroy

Anyway - this error can be recreated by swapping out the editor with AJAX load and then resizing the viewport (resizing the developer tools is sufficient).

User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_5) AppleWebKit/537.31 (KHTML, like Gecko) Chrome/26.0.1410.33 Safari/537.31

CKeditor: timestamp:"D26D",version:"4.0.2",revision:"5339059",

Hi, I'm getting this error when using IE9 or IE11. Probably same thing happen to IE10 as well.

Any idea?

Thanks.

1. Open any sample.
2. Select image (click it).
3. Open styles drop-down and click selected option - "styled image (right)".

• Expected: style was removed - image is not floating.
• Actual: nothing happened.

using speckie in a ckeditor field

Choosing 'Ignore All', or 'Add to Dictionary' leaves words underlined.

It appears to recognise the command though, as the context menu no longer makes correction suggestions.

Both parts work perfectly on their own.

The moono skin is having an incorrect icons.png file when downloading the full ckeditor package version 4.2

This is resulting into the toolbar is not showing the icons properly.

Background: Use two custom CSS files against three classes set respectively in contentsCss and bodyClass configurations. Configure spell checking by specifying the presence of the Scayt toolbar item and by configuring scayt as not enabled when editor launched, and using customer id's for hosted scayt and hosted wsc. Problem I am about to describe occurs using either hosted spell checking or the free spell checking. I have included relevant configuration and CSS code below. Please note that I dummied out our customer id's in the configuration code. I will provide more information if needed.

CKEditor Version: 4.1RC, using the iframe editor

Issue: When I click on Check Spelling, and then in the dialog click on Finish Checking, regardless of whether or not I have authorized any changes through the dialog, the editor text and other items (like images) are bigger than specified in the custom CSS. If I click on Source twice (to go to source and back to wysiwyg), the text returns to sizes indicated by the custom css. While I cannot be sure of this, the styling of the text after exiting the dialog looks exactly like the text as it appears in the dialog display window. So it's as if wsc is putting the text back into the editor without the external CSS applied. The toggling of the mode seems to reset the editor's use of configuration settings.

Steps to Repeat Issue: Launch editor. Enter text and image. Check spelling. Click Finish Checking (not Cancel) in spell check dialog. Problem appears. Click Source to source. Click Source to wysiwyg. Problem disappears.

Browsers and OS: I am developing using Expression Web 4 and launching in its Microsoft Expression Development Server, all under Windows 7 Ultimate 64 bit. The problem occurs in the following browsers: FF, IE9, Chrome, Opera, Safari for PC.

Configuration Code:

	// Create a CKEditor instance for the specified jQuery-wrapped textarea using the specified encoding setting
	
	function CreateCKEditorInstance(TextAreaElement, HTMLEncodeOutputSetting)
	{
		// Set the string used to authorize elements and their properties (attributes, styles, and classes)
		
		var AllowedContentString = "";
		
		AllowedContentString = AllowedContentString + "p ol ul {margin-left};";
		AllowedContentString = AllowedContentString + "li blockquote;";
		AllowedContentString = AllowedContentString + "b i u s sub sup;";
		AllowedContentString = AllowedContentString + "a [!href, !target];";
		AllowedContentString = AllowedContentString + "img [!src, alt] {float};";
		
		// Set the array used to configure the toolbar
		
		var ToolbarArray =
		[
				{ name: 'document', items : [ 'Source','-','Preview','Print' ] },
				{ name: 'clipboard', items : [ 'Cut','Copy','Paste','PasteText','PasteFromWord','-','Undo','Redo' ] },
				{ name: 'editing', items : [ 'Find','Replace','-','SelectAll','-','Scayt' ] },
				'/',
				{ name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] },
				{ name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote' ] },
				{ name: 'links', items : [ 'Link','Unlink' ] },
				{ name: 'insert', items : [ 'Image','SpecialChar' ] },
				{ name: 'tools', items : [ 'Maximize','ShowBlocks','-','About' ] }
		];
		
		// Set the string used to configure the classes applied for external styling of the editor content
		// Note that the classes represent a space-separated list of class name values
		
		var BodyClassString = "";
		
		BodyClassString = BodyClassString + "CKEditorInputArea";
		BodyClassString = BodyClassString + "  ";
		BodyClassString = BodyClassString + "CKEditorGeneratedContent";
		BodyClassString = BodyClassString + " ";
		BodyClassString = BodyClassString + "RTEGeneratedContent" + " ";
		
		// Set the array of css files used to configure external styling of the editor content
		
		var ContentsCssArray =
		[
			'ResetsAndUniversallyAppliedSettings.css',
			'CKEditorCustomStyling.css'
		];
		
		// Set replacement text for the preview element of the CKEditor image ui dialog
		// Includes HTML break to make sure the text sits below an image that consumes the width of the element
		
		var CustomImagePreviewText = "";
		
		CustomImagePreviewText = CustomImagePreviewText + "<br />Your image, previewed here relative to this text, will be scaled to a standard size, ";
		CustomImagePreviewText = CustomImagePreviewText + "inserted into the text editor relative to the current cursor position, aligned as directed, ";
		CustomImagePreviewText = CustomImagePreviewText + "and surrounded by some whitespace to offset the image from any surrounding text.";
		
		// Set the instance configuration
		// Note that the HTML output encoding specification is set by the calling program via passed parameter
		
		var config =
		{
			allowedContent : AllowedContentString,
			bodyClass : BodyClassString,
			contentsCss : ContentsCssArray,
			docType : '<!DOCTYPE html>',
			height : 200,
			htmlEncodeOutput : HTMLEncodeOutputSetting,
			image_previewText : CustomImagePreviewText,
			indentOffset : 20,
			indentUnit : 'px',
			resize_enabled : false,
			scayt_autoStartup : false,
			scayt_customerid : "<scayt customer id here>",
			toolbar : ToolbarArray,
			wsc_customerId : "<wsc customer id here>"
		};
		
		// Create the instance for the specified textarea identifying the instance by the element's id
		
		CKEDITOR.replace(TextAreaElement.attr("id"), config);

//other code follows

Here is the CSS that applies to the editor. Note that I am not including the resets file. It is fairly long and most of it doesn't apply or is overridden by this file:

/****************************************************************************************************************
*	CKEditor content styling settings -- override of the relevant overall page settings in base CSS
****************************************************************************************************************/
.CKEditorInputArea {
	padding: 10px;
}

.CKEditorGeneratedContent {
	line-height: 1.25;
	font-family: Calibri, Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
}

.RTEGeneratedContent ol {
	margin-left: 20px;
	list-style: decimal outside none;
}

.RTEGeneratedContent ol li {
	margin-left: 20px;
}

.RTEGeneratedContent ul {
	margin-left: 20px;
	list-style: disc outside none;
}

.RTEGeneratedContent ul li {
	margin-left: 20px;
}

.RTEGeneratedContent blockquote {
	margin-left: 20px;
}

.RTEGeneratedContent img {
	height: auto;
	width: 88px;
	margin: 4px 8px 4px 8px;
}

When inserting content while using Safari 4.1.3, items are always placed at the very first position of the editor window rather than at the insertion point (current position of the cursor). This happens when using toolbar buttons such as special characters, smiley faces, table. Copy and past via the keyboard works normally.

Using ckeditor 4.0.2

var oEditor = CKEDITOR.replace('editor1', {

disableNativeSpellChecker: false, removePlugins: 'elementspath', resize_enabled: false

}); oEditor.resize(500, 200, true);

Generates error message: e is undefined

Hi there. I use CKEditor 4.0.2 in combination with JSPWiki. When I add a Image to my Artikel and change the height and width of the Image (in Dialog or with the cursor), the Image gets the right size in the editor. (When I look in the Sourcecode, the height and width are there) But when I click on the save Button, the size returns to the original size. And when I look in the Sourcecode now, the height and width aren't there.

1. Open replacebyclass sample.
2. Focus editor and place cursor at the beginning of first header.
3. Press delete few times.
4. If you've been lucky IE logged from one to tens of JS errors.

I can reproduce this issue on IE8, but I haven't checked other IEs. Sometimes I have to repeat this TC few times.

Error:

  Invalid argument.  node.js, line 295 character 3

Sometimes different one is logged:

  Invalid argument.  selection.js, line 928 character 10

I've been able to reproduce this issue from 4.0, but I think that it is older, because I stopped being able to reproduce it when we changed our sample content layout (image was moved from left to right).

Hello, I have issue when I'm trying drag'n'drop images between firefox and chrome in CKEditor. When I try drag image in firefox everything is good. But when I try put image from chrome in firefox, result of this operation is weird Chinese characters:

椼杭猠祴敬∽眭扥楫⵴獵牥猭汥捥㩴渠湯㭥挠牵潳㩲ⴠ敷止瑩稭潯⵭湩∻猠捲∽瑨灴⼺㐯戮⹰汢杯灳瑯挮浯弯䩃䅩睑䤸晎⽫剔䭊䅋彸㕂⽉䅁䅁䅁䅁䡁⼰桬楺杍㑩祡⽳ㅳ〶⼰㐲㌹張敦牲牡彩慳潭档摯役畡慴潟潰祮晟汥楧樮杰•楷瑤㵨㤢㔴•敨杩瑨∽〷∸

We need to check whether image is really required (then we should add image as form's requirement) or only because of these lines:

imagebutton: {
    label: lang.image.titleButton

In this case we can try to untie them.

changes to:

table, cell, row, column, button, image, flash, clipboard pastefromword, spellCheck, smiley, templates, stylesCombo, div, iframe, font, fontSize, colorButton, scayt, about, fakeobjects, docprops,

I've downoloaded last version 4.0.2 form CKE Builder. I've select full version with Cama skin and i've got editor with mixed icons (for example "B" icon on italic funcion). Cama skin have mono icons

Mixed icons are visible in downloaded samples folder.

I am attempting to configure CKEditor:

var oEditor = CKEDITOR.replace('editor1', {

disableNativeSpellChecker: false, removePlugins: 'elementspath', resize_enabled: false

}); oEditor.on('instanceReady', function(oEvent) {

oEvent.editor.resize(634, 190);

});

However, 1) I have not found a way to get rid of the blank (blue) space on the right, and 2) text continues to wrap half way across what I think is the editor. Please see attached screen shot.

Thank you for your assistance.

In all versions of CKEditor version 4.x, we've noticed that BR tags are automatically replaced with &nbsp; entities at the top level. If you try to add them back in with the ENTER key via wysiwyg, or source, they are replaced.

We think this is unintuitive, possibly a bug, and at the very least should have an option to turn off this behavior, as it is preventing our upgrade from 3.x to 4.

Test case: ​http://jsfiddle.net/jpj109/97XeC/

Steps to reproduce:

1. Paste or type HTML into the source field that contains one or more BR tags at the top level (not enclosed within another tag)
2. Toggle back to WYSIWYG field
3. Toggle back to source field
4. Notice where the BR tags are now a &NBSP;

Expected results: Any BR tags originally entered into source should remain

Hi,

I integrated ckeditor_4 in my project. I am unable to view browse button while uploading image. Only I am able to put the image URL. I tried using config.filebrowserBrowseUrl = '/browser/browse.php' in config.js. But nothing worked and error coming like no browser folder is found. Please help me step by step to integrate filebrowser button in image tag.

Thanks in Advance.

Undo button enabled at start in inline mode without making any changes.

Hi,

I just commented #10224 but because the ticket is closed, a new one.

Just installed 4.1 and still the same problem :-(

I have (exerpt):

var allowed = 'a(iLink)[!title,!onclick,href]', required = 'a(iLink)[title,onclick]';

editor.addCommand( 'internelink', new CKEDITOR.dialogCommand( 'internelinkDialog' ),{allowedContent: allowed, requiredContent: required } );

It produces the following tag: <p><a class="iLink" onclick="iLink(25)" title="test">test</a></p>

But when changing to source and back all left is: <p>test</p>

I could be wrong in programming the plugin, but I use the link-example as reference!

The editing area is confined to left side of ckeditor and while the values used in resize appear to work, I have not been able to find a way to adjust the editing area. The area on the right contained the resize handle and the elementspath which I have disabled. I want the editing area to extend the full width. How do I change the size of the edit area? Or, is this a bug?

var oEditor = CKEDITOR.replace('editor1', {

disableNativeSpellChecker: false, removePlugins: 'elementspath', resize_enabled: false

}); oEditor.on('instanceReady', function(oEvent) {

oEvent.editor.resize(iWidth, iHeight, false, true);

});

Hello,

Are there any known issues with using this editor with IE10?

I have it installed and I can't get all the icons to display.

Most are greyed out. The only button that works like it should is the "Source" button.

Perhaps, it is something that I need to change.

If so, please let me know.

Paste images from clipboard directly into the editor

like photoshop

takes the links that paste into the editor

• YouTube videos,
• Flickr photo streams,
• Vimeo videos

and transforms them into the dynamic content.

I integrated ckeditor with ckfinder. In that the browse option is working fine. The uploaded image is displaying correctly . But when I try to edit, image is not showing up in ckeditor. Any configuration I missed?

Hello,

I am trying to add new custom font to ckeditor. But I am not able to add new font to ckeditor. Fonts are not default system font, I have .otf, .ttf, .woff font files.

Please suggest me how I can add new font to editor.

I tried below method but didn't get any result.

config.contentsCss = 'fonts.css'; the next line add the new font to the combobox in CKEditor config.font_names = 'fontnametodisplay/yourfontname;' + config.font_names;

where fonts.css has the @font-face attribute:

@font-face {

font-family: "yourfontname"; src: url( ../fonts/font.eot ); /* IE */ src: local("realfontname"), url("../fonts/font.TTF") format("truetype"); /*non-IE*/

}

Seems Allowed Content Filter blocks ​http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-tabSpaces. Tab key causes focus on next element instead of inserting spaces into content area.

The below will not work without allowedContent: true

var editor = CKEDITOR.replace( 'editor1', {
	tabSpaces : 4,
	//allowedContent: true				
} );	 

I am trying to embed ckeditor with javafx.Is it possible to drag and drop a javafx node into the ckeditor and edit it using ckeditor.

I am trying to embed ckeditor with javafx.Is it possible to drag and drop a javafx node into the ckeditor and edit it using ckeditor.

I am trying to embed ckeditor with javafx.Is it possible to drag and drop a javafx node into the ckeditor and edit it using ckeditor.

Extracted from the ​pull request.

It feels like it was since filebrowser was created.

Steps to test:

• Use a browser that supports resizing (FF, IE)
• Click an image, see that the resize handles show
• Double click or right click and select "image properties"
• When the dialog box shows, the resize handles are positioned over it.

Some users have reported on our forum that CKEditor 4.1 removes some table formatting (cell backgrounds) and alignment settings.

Apparently this used to work in CKEditor 3.x. It is possible that the table plugin either does not add correct rules to allowedContent or MS Word sets these properties in a different way than we do (for example in attributes instead of styles).

See more:
​http://ckeditor.com/forums/CKEditor/Copying-the-table-from-MS-word-to-CKEditor-does-not-keep-the-attributes.
​http://ckeditor.com/addon/pastefromword (comments)

Hi Team,

How reproduce:

1. Go to ​http://ckeditor.com/demo#full (version 4.1)
   
2. Click on 'Show Bloks', blocks appear
   
3. Click on 'Source'
   
4. Click on 'Show Bloks', blocks do not appear, but button stay pushed down.
   

Thanks!

When CKeditor is used in a jQuery UI modal window, the bottom row of drop-down menus only work one time. If you click on the menu again, it's an empty box. Not only that, if you close the modal, that empty box stays on the screen. I have attached a few screen shots showing it happening. Lars Helgeson also commented in the forum about this issue. This is with jQuery 1.9.1 and jQueryUI 1.10.2.

Pressing the Tab key in the CKEditor version 4.1 (see demo page: ​http://ckeditor.com/demo ) doesn't behave as a tab key should (inserting some number of spaces).

Instead, it moves focus off the CKEditor.

Setting the 'CKEDITOR.config.tabSpaces = 5;' config property has no effect.

Hi there i created 3 new Buttons for me in the Editor. (Information, Error and Warning)

When i klick the Button, the expected Code is written into the Editor. For example, i push "Information" then "%%information mytext%%" is inserted.

When i save everything is how i expected. But when I now go to the editor again. Then the Text "mytext" is unformatted (in the editor) and i don't see, that there is a formatted text.

When I save again everything is fine and right formatted.

So, i only want that the text is also right formatted in the editor. How can i add this?

Hope my question is understandable

After initializing CKEditor, if you switch its container (or parents container for that matter), CKEditor looses all content and becomes unusable. The editor is not able to gain focus again so it's impossible to write on it. The toolbar buttons remain active and clicking on them throws an exception on the console.

I'm attaching a very basic sample to test this.

So far, I've checked on MacOS X 10.7.5 in Chrome and Firefox, and I've verified this happens in 4.1.1 (master) and released versions 4.0 and 3.6

Pasting text in the editor does not work in IE10, neither pasting plain text.

When you try to paste the following error is shown:

SCRIPT5007: No se puede obtener la propiedad 'specified' de referencia nula o sin definir (Unable to get value of the property 'specified': object is null or undefined)

Error line: ckeditor.js, line 76 Carácter 458