Custom Query

I've fixed a spelllingerror in the swedish language file. ("Ruberiker" should be "Rubriker")

1. Load editor with in standards profile
2. Insert one table, open Table Cell Properties dialog
3. Click on Choose button to the Cell Color/Bg Color field.

• Actual: No dialog open up, script error thrown

1. Load editor with in standards profile
2. Insert one table, open Table Cell Properties dialog
3. Click on Choose button to the Cell Color/Bg Color field.

• Actual: No dialog open up, script error thrown

Currently only I can build a package and I need to send it to others. We need simpler solution.

In safari the corners of the rounded tool groups aren't round anymore when hovering a button.

To fix it add "overflow: hidden;" to the ".cke_toolgroup" and the corners will look round also in webkit, even when the button is on.

I'm having trouble in Safari 5.x when the main browser window is smaller than the spellchecker. The spellchecker window actually does center on the viewable document, but then the window get scrolled down so that you lose part of the spellchecker window. Here's what to do to reproduce:

• Open Safari 5.x, and reduce the window size so that a spellchecker window isn't going to fit it properly (probably 400px tall or so).
• Browse to ​http://ckeditor.com/demo#full and scroll down until you see the CKEditor controls.
• Click the Spellchecker button, then click Check Spelling.

This doesn't happen in Chrome, so I'm wondering if it's an actual bug in Safari or some possibly some code in CKEditor that is specific to Safari. that is causing the problem. If anyone can point me in the right direction to getting this fixed, that'd be fantastic. It wouldn't usually be a problem, but our content is in an iframe where the CSS overflow property is hidden and it's cutting the top of the document completely off without a scrollbar to remedy the situation. Thanks all!

• Open any CKEditor sample on an android 4 tablet.
• Enter some text.
• Try to highlight the text to select it.

Problem: The option to select text does not appear.

In a basic contenteditable div, the select text tool appears when you hold down on text within the div.

In IE10 we can't open Context menus for any elements in editor body.

To reproduce the defect:

1. Open any CK Editor sample & insert a table.

2. Keep cursor inside a table cell, right click the mouse or press Shift + F1o to open Context menu.

Issue: Nothing happens.

Reproduced on build ​http://rev.ckeditor.com/ckeditor/trunk/7664/_samples/replacebyclass.html

I translated english texts added for ckeditor 4 and fixed grammar.

On IE10, with CKEditor 3.6.2 ASP.Net version, the enter key is not working. I am getting below error on hitting enter key.

SCRIPT5007: Unable to get property 'toLowerCase' of undefined or null reference ckeditor.js, line 31 character 1105

Javascript Unspecified error. at line: 6964 after pluged the SCAYT into editor

it is working fine in Chrome, Firefox, Safari. Same error occurs when using version 3.6.6 saying "unspecified error in _base.xd.js . at line: 6964". I have attached the screen shot.

Allow callbacks for the file browser functions.

e.g.

CKEDITOR.config.fileBrowserCallback = function(selected) {
    //Load file manager etc.
    //File selected so let CKEditor know.
    selected('my selected file');
});

1. Open the standard demo
2. Scroll to the bottom
3. Scroll up dragging the scrollbar and clicking up arrow on the scrollbar
4. Notice the lines (see attached image)

Now, after scrolling up if you scroll down a little you can see that approximately 1 pixel of the top border is missing. Chrome 23.0.1271.95 m on Windows 7

In Firefox, the controls to add or remove table cells are placed far outside the editor.

In Chrome, they don't show up at all.

See for FF screenshot.

There is no way to change the column width, or to add or remove a row or column after the table is inserted?

• Configure your computer so that a Japanese keyboard is available. (See attached document for further information on how to do this).
• Open the attached HTML sample in Firefox with the Japanese keyboard enabled and type in the editor.

Problem:　The text is entered into the editor in English and it is not possible to switch the input mode to Japanese.

This is reproducible in 3.6.4 and 3.6.5 but works correctly in 3.6.3 and 4.0. It only seems to occur when startupFocus: true is included in the editor config. We have reproduced this on both FF10 ESR and FF16.

In the table context menu there is untranslated string Row > Insert row before correct translation: "Вмъкване на ред преди"

Browser: Firefox 16.0.2 (if relevant)

It appears, that CKEditor handles selection over multiple cells in tables in two ways:

1. Selecting by mouse: whole cells are being selected.
2. Selecting by Shift+Arrows: text in cells is being selected.

There's an issue regarding the second way. This type of selection expands finely over multiple cells, but only when we move forward, i.e. use Shift+RightArrow and Shift+DownArrow to select.

This type of selection does not expand over multiple cells in backward direction, i.e. when we use Shift+LeftArrow.

Assume we start selecting text from the middle of a cell and go backwards. When selection's "tail" (it's "growing" part) reaches beginning of the cell, it occasionally swaps with selection's "head" (it's "stationary" part) and so pressing Shift+LeftArrow further will just make our selection shrink in backward direction.

Selecting over multiple cells with Shift+UpArrow causes some other effect: the behaviour is more or less what we expect it to be - selection is spanned over multiple cells to the point in the upper row, that closely corresponds to our starting position, but we can make it only once. Any attempt to press Shift+UpArrow once more will just reset our selection.

i.e. Version is actually CKEditor 4.0 (revision 769d96134b). I just can't find it in the drop-down list below.

The pre button of CKEditor 3.6.2 ASP.Net, adds extra new lines.

To reproduce this issue type following "test Test Test Test"

Then select the text and click the pre button of ckeditor. The editor adds extra lines. When you hit the Source button to check whats happening inside You will find that, the editor converts each of <p> and </p> with \n. I letter changed the default enterline mode from P to BR. But then hitting the pre button caused the entire text and not just the selected text, to get wrapped inside the PRE tag. I configured the editor by writting writer rule for BR tag to not add new line before and after the beggining and end of BR tag. And also configured the editor to use self eding tag for BR so as to generate <BR/> tag.

When I cut and paste a really simple piece of text within the CKEditor (that is, no MSWord or other source is being used), still additional formatting is added in Google Chrome.

Reproduction scenario in Google Chrome v23:

• Enter the text 'Test'
• Verify in the CODE view that your code is <p>Test</p>
• Go back to wysiwyg view
• Cut the letter 'e' using Ctrl+X
• Paste it anywhere (eTst, Test, Tset, Tste)
• Go to CODE view again; note that a <font> tag has been added. Ffor example: <p>T<span style="font-size: 13px;">e</span>st</p>

Expected behaviour (yep, I know Chrome makes this harder):

• No additional formatting should be generated in general
• Especially when cutting and pasting at the same position, the result should be the original text without changes

This bug is reproducable in nightly build demo (​http://nightly.ckeditor.com/3998/samples/replacebyclass.html)

toolbar tips and all other accent characters are not displayed in a page with charset="ISO-8859-1" document encoding ...

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

Even appending charset="UTF-8" to the script :

<script src="ckeditor/ckeditor.js" type="text/javascript" charset="UTF-8"></script>

that solved for me the isssue with jquery-ui 1.9, it does not help for ckeditor 4.0

That was ok without specifying anything with all previous version.

Function is defined as follows:

CKEDITOR.event.implementOn = function( targetObject ) {
...
}

but there's a number of executions with non-existing parameter (true) in our code:

./core/command.js:212:CKEDITOR.event.implementOn( CKEDITOR.command.prototype, true );
./core/editor_basic.js:35:	CKEDITOR.event.implementOn( CKEDITOR.editor.prototype, true );
./plugins/dialog/plugin.js:1498:	CKEDITOR.event.implementOn( CKEDITOR.dialog.prototype, true );

When placing anchors within a inline ckeditor the link sometimes does not get placed within the selected text but in front, behind or sometimes in the middle of the selected text.

This bug does not always happen, currently I am unable to reproduce this bug 100% of the time, so it might have something to do with browser/system performance.

jsfiddle for testing: ​http://jsfiddle.net/32kYU/

To reproduce (sometimes):

• add text to first editor
• add text to second editor
• double click text in first editor to select and click the anchor button
• add anchor

Or:

• add text to editor
• select text
• add anchor (ctrl + l)

Hi guys,

if an editor is read only, then the backspace key is blocked by this code: keystrokeHandler.blockedKeystrokes[ 8 ] = editor.readOnly;

However if I change a readOnly mode by calling the setReadOnly(false) function later, the backspace key is still blocked.

Maybe it is a good idea to active the backspace key if setReadOnly(false) is called.

Edited:
Please see comment:12 and comment:13 for explanation of this problem.

Issue can be reproduced in all browsers from CKEditor 4.0 beta.

Currently it is only possible to assign one class to element.

{ name : 'Test', element : 'div', attributes : { 'class':'element-has-class'}

It should be possible to assign multiple classes.

I've got the peculiar situation that in a very ajax heavy app sometimes I have to get rid of editors almost immediately after it has been added to the dom.

This works fine in most circumstances by calling editor.destroy() before removing the dom element that hosts it.

However If this happens on the first editor that is created, I always get an error out of core/editor.js:291 from onConfigLoad which still gets a callback after the configuration has loaded.

I'm not sure what the right fix is, as destroy() already seems to deregister the editor from all further events (though it doesn't catch this one).

This patch helped me work around the issue for now - but it is something that should be included in CKEditor I believe.

diff --git a/vendor/ckeditor-4.0/core/editor.js b/vendor/ckeditor-4.0/core/editor.js
index 2f31d13..5578ec1 100644
--- a/vendor/ckeditor-4.0/core/editor.js
+++ b/vendor/ckeditor-4.0/core/editor.js
@@ -280,6 +280,8 @@
        // ##### END: Config Privates
 
        function onConfigLoaded( editor ) {
+               if ( ! editor.element) return;
+               
                // Set config related properties.
                /**
                 * Indicates the read-only state of this editor. This is a read-only property.

To reproduce it you would use something along the lines of this

var holder = $('<div><div id=editor>')
editor = CKEDITOR.replace(holder.find('#editor'))
editor.destroy()
// wait for the config to have loaded

Widgets are represented by a group of elements that act as a single entity inside the editable content. The widget elements are many times protected from direct editing and can be configured to have different behavior, features or layout.

A good example for a widgets is a "captioned image", which contains an image element and text for the caption. Both parts will always live together and should be selected as a whole. Once deleted, both should be removed.

To reproduce the defect:

1. Open any CK Editor sample, navigate to editor body and press ALT + ZERO.

2. Accessibility Instructions dialog comes up.

3. See the Command shown for Toolbar Collapse Command

Issue: it says Press Ctrl + Z which is incorrect it should say Alt + SUBTRACT

This is only happening in 4.0 & not in 3.6.x stream & it's a regression

1. Enter "source" mode.
2. Paste in the following table:

   <table class="Basic" style="width:50%">
   	<tbody>
   		<tr>
   			<th>Lorem</th>
   			<th>Ipsum</th>
   			<th>Dolor</th>
   		</tr>
   		<tr>
   			<td>Lorem</td>
   			<td>&nbsp;</td>
   			<td>&nbsp;</td>
   		</tr>
   	</tbody>
   </table>
   

3. Switch back to rich text mode.
4. In the middle-bottom cell paste: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
5. Double click on the 'x'es to select them.
6. Press <end>
7. Press <space>
8. Press 'a'

Expected: There's a space after the 'x'es and an 'a' Actual: The space is never inserted and the 'a' gets stuck on the end. Notes: The <end> is not strictly necessary, but it makes it repro consistently for me. Without the <end> sometimes I get the behavior I'm reporting and sometimes I get the expected behavior.

I've reproduced this in 3.6.3 (what we're using), 4.0 (the demo), and the nightly as of 2012-12-04.

I am having problems related to contextmenu plugin. My plugins have used the context menu in older versions of ckeditor without problem but now it seems that the plugin is not working anymore.

I also tried to run your sample "abbr plugin" which is also using the contextmenu and it fails because it does not adds the "Edit Abbreviation" as an option of the menu.

Can somebody confirm that contextmenu/abbr plugin are still working properly on ckeditor 4.0?

Many thanks!!

On FF toolbar is resized to fit. In fact this isn't perfect solution too, because toolbar layout is changed (and therefore is different than for editor in left/right column), what may be confusing for users and doesn't look very well. I think that it should be aligned to right/left side of the viewport.

Descriptive summary : I got an error when merging table cells in inlineditor and it can be reproduced in ​http://nightly.ckeditor.com/3998/samples/inlineall.html

Steps to reproduce : insert a table use inlineditor and then select some cells to merge,and then my browser's console show me an error:"TypeError: a.getDocument is not a function"

Browser name and OS : win7,firefox16.0.2,zh_cn

How to reproduce:

1. Open ​http://ckeditor.com/demo in Chrome
2. Open javascript console, run

   CKEDITOR.instances.editor1.resize(null, 1500)
   

3. scroll the window so that toolbar and the bottom of the editor are not visible
4. paste something anywhere in the visible area of the editor

Now: after the paste editor scrolls to the top

Expected: editor to stay at the pasted text position

When a custom button is added to the footer of a dialog

		buttons : [ {
				type : 'button',
				id : 'myReset',
				label : 'Reset'
		}, CKEDITOR.dialog.okButton, CKEDITOR.dialog.cancelButton ],

it's smaller than the default Ok and Cancel buttons.

The Select fields have an extra border and in many of them there's an extra white box that expands to the right

Tested browser: Firefox.

The idea is to set tab size property to 4 (instead of 8) for editor contents.

Pros:

• Contents look more like a "code editor".
• Less line wraps.
• Eyecandy.

Cons:

• Old browsers don't support such thing so the formatting may depend on the browser.

Hello, When i use focus() method i can't press key "^" anymore, thus i can't type "ô", "ê" etc... It is only when the focus is automatic, if i focus manually with mouse it works nicely. That very very weird.

CKEDITOR.instanceseditor1?.on('instanceReady', function(evt) {

evt.editor.focus();

});

Environnement is MAC OSX with FireFox 16. (Works fine on windows)

I attach an example of freshly downloaded 3.6.5.

Would be nice if the inline editor could be appended to a parent container, so that the toolbar is positioned relative to that container and not to the document body

In previous version you could override geturl by creating a function called CKEDITOR_GETURL. This seems be broken because of this block in ckeditor_base.js:

// Make it possible to override the "url" function with a custom
// implementation pointing to a global named CKEDITOR_GETURL.
var newGetUrl = window.CKEDITOR_GETURL;
if ( newGetUrl ) {
	var originalGetUrl = CKEDITOR.url;
	CKEDITOR.url = function( resource ) {
		return newGetUrl.call( CKEDITOR, resource ) || originalGetUrl.call( CKEDITOR, resource );
	};
}

It should be:

// Make it possible to override the "url" function with a custom
// implementation pointing to a global named CKEDITOR_GETURL.
var newGetUrl = window.CKEDITOR_GETURL;
if ( newGetUrl ) {
	var originalGetUrl = CKEDITOR.getUrl;
	CKEDITOR.getUrl = function( resource ) {
		return newGetUrl.call( CKEDITOR, resource ) || originalGetUrl.call( CKEDITOR, resource );
	};
}

Hi,

At First, sorry for my English.

It's possible to disable only the resize handles for images?

I know thats the option config.disableObjectResizing exist, but i want resizes handles for tables, but not for images.

Can anyone help me?

Lorinel

Backported: #8888, #9553, #9594, #9787.

here is the invironment,I want to update data from the database(such as mysql), so i'll init the textarea with data that query from mysql. If the data is "aaa" and so on, it doesn't has problem.But if it includes "<xxx>",after CKEDITOR.replace, the init data becomes "<xxx></xxx>". It's really a problem. Now i assume,in fact, i must save code into mysql. For example,i save C code, "#include <stdio.h>". After executing CKEDITOR.replace, The CKEDITOR sourcecode looks like this "#include <stdio.h></stdio.h>". However, user just saw "#include", where is the "<stdio.h>"? It was used as the html tag. In fact,it does not a html tag. I'm using CKEDITOR in my website,hope resoving this issue as soon as possible,thx.

The change event for a checkbox UI item isn't fired for IE9, but works correctly in IE8 or compatibility mode.

Fails in 3.6 and 4

following the link given in ​http://docs.ckeditor.com/#!/guide/dev_plugins to ​http://[...].ckeditor.com/addons/plugins gets an authorization required login box I would have thought this location to be open for viewing at least

We should port the v3 JQuery adapter to v4. There is a good chance that it'll work out of the box, but we need to review it.

Normally CKEditor hides/shows all the toolbar buttons when you press the collapse/expand button. It would be nice to always show the first row with “basic tools” and only collapse the second and following rows with advanced functionality tool buttons.

​http://theholyjava.wordpress.com/2011/04/01/ckeditor-collapsing-only-2nd-toolbar-rows-howto/

It would be nice to have this funcionality in inline edit mode(toolbarCanCollapse does not work)

Would it be nice if the inline editor toolbar could be docked to a given element and not only to the edit element.

Why ckeditor doesn't have a onchange event. It would be very useful to alert the editor of unsaved changes mainly in inline edit mode

Editor with default configuration produces <strike> element when you execute Strike command. Neither html4 nor html5 standarts has no strike element. The nearest element to strike is s element, defined by html5. See draft specification: ​http://www.w3.org/html/wg/drafts/html/master/text-level-semantics.html#the-s-element

reproduceable in 3.6.2 also

with style or format dropdowns open, resize the window. The position of the dropdown (float panel) is not updated.

This problem is annoying when ckeditor is initialized in a jquery window that enables repositioning, the panel remains floating in the middle of no-where.

suggest closing dropdown on any window/document click event the same as a "normal" combo-box would.

hello sir i am using ckeditor 4.0 and i face some problem in it like , unable to find "_source" folder and "ckeditor.pack" file in ckeditor 4.0 , i need it because i upgrade my ckeditor from version 3.6.3 and in this version i was able to ckeditor.js file with the help of ckeditor.pack and ckpackager.jar , but in the 4.0 i can`t found source folder and ckeditor.pack file so thats why i am not be able to make my old changes in new ck editor . so will you please give me some hints or guidelines to solve above problem ?

thanks in advance

parag patel

When you try to load iframe with editor in hidden DIV and after that you change visibility of this div, the editor toolbar show without images of buttons (only alt of images are visible in buttons).
I reproduce this bug only in Firefox (for me it's FF 17.0.1 - Windows 7).
I've add test case for this issue in attachment.

Code is as follows:

<body>
<script src="/blog/ckeditor/ckeditor.js"></script>
<center>
<form id="AddEntry" name="AddEntry" method="POST" action="addentrydb.asp">  
<textarea name="entrytext" id="entrytext"></textarea>
<script>
CKEDITOR.replace("entrytext");
CKEDITOR.on('instanceReady', function() { 
alert('loaded');
 }
);
</script>
<br>
<input type=submit value="save"  >&nbsp;&nbsp;<input type=button value="cancel" onclick="history.back">
</form>
</center>
<!-- //<iframe width=100% src="thisweek2.asp" target="_blank"></iframe> -->
</body>

The OnInstanceReady function serves for debugging. It never fires when the <iframe> is uncommented.

Whenever the <iframe> is active, CKEditor throws an error on the following line:

return new CKEDITOR.dom.element(this.$.activeElement)

If this error is left unhandled, the form data remains empty for the editor when passed to the form handler.

This error only occurs on IE9, regardless of document mode.

When using CKEditor inside an iframe, the getParent() method in CKEDITOR.dom.node fails with a security exception when trying to find the parent of the topmost element (the IFRAME).

Steps to reproduce:

1. Create an instance of CKEditor in an iframe document
2. Press enter while editing

Hi, it is again reproducible on FF 17.0.1.

I am also using the following code:

var ck = CKEDITOR.instances[editor_id];

if(ck != null){

ck.insertHtml(text);

}

Sometimes it executes without any problem but most of the time, I am getting the same error. Please solve this problem.

1. User div-based editor with .cke_wysiwyg_div padding-top|bottom greater than .cke_contents height.
2. Use resize handler to reduce editor vertical size to minimum.
3. Bottom part of .cke_wysiwyg_div is hidden. Since v-paddings are greater that wrapper's height, .cke_wysiwyg_div has no formal height and cannot shrink anymore.

Proposed solution: in editor.resize() check whether resize wrapper child has some height left. Otherwise, stop resizing.

NOTE: requires #9721 to reproduce.

I'm using full version of CKeditor 4.0.

If I display the control in a page then try to add an image and write the image URL everything seems to work fine.

If I'm using jquery ui and display editor in a modal, the image URL field seems to be readonly (I cannot write into it or paste a known url). Just upload is working.

The version of jquery ui used is 1.7.2.

The floating toolbar is not repositioned correctly when the layout of the page changes, e.g. because of:

• browser window resize
• the content above the editable div gets smaller or bigger

Steps to reproduce:

1. Go to ​http://nightly.ckeditor.com/4042/samples/inlineall.html
2. Click on the two middle blocks to show the two toolbars
3. Remove some text from the first block
4. Click on the second block

Expected: The toolbar should have moved a bit upwards Observed: The toolbar is on top of the text and has not moved at all, even though the editable is now at a different position (see screenshot).

Note: Focus/Blur has no effect, the toolbar re-appears at the exact same wrong position.

Reproduced on all browsers tested (Windows: Chrome 23.0.1271.95m, Firefox 10.0.11 ESR, IE8) with CKEditor 4.0 "Full" Release and Nightly v4042.

Context menu not working if: <div contenteditable="true"><h1>Title</h1>content</div>

And it works if: <div contenteditable="true"><h1>Title</h1><br/>content</div>

image selector overlap the editor screen in IE8.

FF it works correctly.

When I select text and click on unordered bullet button the bullets are applied but when i click on the source button I am not able to see the style added as attribute to the ul tag

Some of them were incorrectly documented in v3 and after porting docs to JSDuck they still are.

For example:

/**
 * Internal event to perform the {@link #method-insertHtml} call.
 *
 * @event insertHtml
 * @param {CKEDITOR.editor} editor This editor instance.
 * @param {Object} data
 * @param {String} data.mode Mode in which data is inserted (see {@link #method-insertHtml}).
 * @param {String} data.dataValue The HTML to insert.
 */

/**
 * Internal event to perform the {@link #method-insertText} call.
 *
 * @event insertText
 * @param {CKEDITOR.editor} editor This editor instance.
 * @param {String} text The text to insert.
 */

/**
 * Internal event to perform the {@link #method-insertElement} call.
 *
 * @event insertElement
 * @param {CKEDITOR.editor} editor This editor instance.
 * @param {CKEDITOR.dom.element} element The element to insert.
 */

Only first event is correctly documented. Next two have broken params descriptions - there's evt.data passed in both situations, not evt.element and evt.text.

I went to ​http://ckeditor.com/builder and selected the standard preset, added a couple of plugins and downloaded the files. When i tried to run 'samples/replacebyclass.html', ckeditor didn't show up and in google chrome i got the following error message:

"Uncaught TypeError: Cannot read property 'toolbar' of undefined"

in firefox i got:

"TypeError: a.lang.sourcearea is undefined".

Downloading the preset without adding plugins, ckedit worked, so i figured there must be a problem with one of the plugins. After some try and error (and lots of downloading), I think i got the problem: Whenever I add the plugin 'Codemirror Syntax Highlighting' in the mix, the error occurs. Without it it works fine.

The basic idea is introducing filtering that acts on the HTML accepte by the editor and the feature available in it.

1. An as easy as possible way to configure the elements, attributes and transformations (e.g. <b> to <strong>) that the editor should support. Note: transformations part was extracted to #9989.

2. By default, this configuration is defined by the plugins available in the editor. E.g. remove the link plugin and <a> will not any more be accepted.

3. Developers can define this configuration. At that point, plugins, or part of their features, get enabled/disabled based on the configuration. Note: dialogs integration with allowed content filter was extracted to #9990.

4. All data input (especially paste) in the editor will be then filtered, based on the configuration. Transformations first and then elements/styles checks.

5. Input data normalization will take place before filtering, bringing to an acceptable DOM structure.

6. Special pasting plugins, like Paste from Word, will be reviewed to use the normalization+filtering system. Extracted to #9991.

7. Selection context participates on filtering as well. A <h1> editable should restrict the editor features accordingly. Another example, a selection inside <a> should not permit <a> elements being inserted.

As a result only allowed HTML will reach the contents and only allowed plugins (or their features) will be enabled.

List of subtickets

• #9972
• #9981
• #9989
• #9990
• #9992
• #9994
• #10006
• #10008
• #10010
• #10071
• #10072
• #10073
• #10076

• Browser: Chrome 23.0.1271.97.
• Scenario that works:
  • Open new tab in Chrome.
  • Navigate to ​http://ckeditor.com/demo#inline.
  • Click on content.
  • CKEditor UI shows up.
• Scenario that fails:
  • Open new tab in Chrome.
  • Open Developer Tools (ctrl/cmd+alt/option+i)
  • Navigate to ​http://ckeditor.com/demo#inline.
  • Click on content.
  • CKEditor UI does not show up.
• Note: this also works with ​http://ckeditor.com/demo#standard (i.e. non-inline editing).

(I hope I selected the right properties. First ticket that I'm opening here!)

Pressing CTRL+ALT+[ doesn't access the space between hrs in the following case:

<hr />
<hr />
<p>Foo <a href="http://ckeditor.com">b^ar</a> foo.</p>

Image plugin dialog does not work if htmlPreview is removed.

it doesn't load image properties (url etc etc) when opening on an existing image.

After an upload it does load image url neither switch to the info tab

if (dialogName == 'image') {
	var imageInfoTab = dialogDefinition.getContents('info');
	imageInfoTab.remove('txtHSpace');
	imageInfoTab.remove('txtVSpace');
	imageInfoTab.remove('htmlPreview');
}

Hello, I have added dynamic div with contenteditable="true" in the page after droping a control using jQuery. On clicking this div it allows to edit the content but CKEditor toolbar is not shown.

When we create a second dialog above a first one the second white mask is above the current dialog so we can't interact with it.

HI,

I want to create custom toolbar buttons, which mimic some of the functionality CKEditor provide. For example, if i need to create custom button for "<B>,<I>,<PRE>,<H1>,<H2>" etc. tags, then how can i achive this?

I tried creating custom button for <PRE> tag, (the CKEditor "formatted" option), but it doesnt worked really well with EnterMode=BR

here is the plugin,

(function () {

/*​http://blog.lystor.org.ua/2010/11/ckeditor-plugin-and-toolbar-button-for.html*/ var a = {

exec: function (editor) {

var format = {

element: "pre"

}; var style = new CKEDITOR.style(format); style.apply(editor.document);

}

},

b = "button-pre";

CKEDITOR.plugins.add(b, {

init: function (editor) {

editor.addCommand(b, a); editor.ui.addButton("button-pre", {

label: "PRE tag", icon: this.path + "pre_btn.gif", command: b

});

}

});

})();

the problem is that, it applies the <PRE> to not just selected but to the entire text, when used with EnterMode=BR.

The CKEditor "formatted" option works well, it applies <PRE> tag to the selected text only and not to entire text.

Can anyone help me.

If a page contains a div element with id="content", the CkEditor picks up the contents of the element and puts it into the editor area.It works in IE7 only.

To reproduce the defect:

1. with JAWS, open any CK Editor sample, navigate to editor body.

2. Press Alt + F10 to navigate to toolbar.

3. Navigate to Undo/Redo buttons.

Expected Result: JAWS should read the button name & then say unavailable for ex: undo button available

Actual Result: JAWS just reading button name & no info that the button is unavailable

4. Navigate to Align Left or Text direction from Left to Right button.

Expected Result: JAWS should read the button name & then say toggle button pressed for ex: Align Left toggle button pressed

Actual Result: JAWS just reading button name & no info that the button is pressed

This is only happening on 4.0 & not on 3.6.x builds.

Verified with both JAWS 13 & 14.

To reproduce the defect:

1. with JAWS, open any CK Editor sample, navigate to editor body.

2. Press Alt + F10 to navigate to toolbar.

3. Navigate to any toolbar button that opens a dialog. for ex: Link button and press Enter

Expected Result: Link dialog opens, JAWS reads the dialog title & then the first focusable element in the dialog.

Actual Result: Link dialog opens, but JAWS not reading the dialog title it just reads the first focusable element in the dialog.

This is only happening on 4.0 & not on 3.6.x builds.

Verified with both JAWS 13 & 14.

To reproduce the defect:

1. Open any CK Editor sample, navigate to editor body.

2. Press Alt + F10 to navigate to toolbar.

3. Navigate to SCAYT toolbar button menu and press Enter to open SCAYT menu.

4. Press Down Arrow key

Expected Result: Focus should go to first SCAYT menu option.

Actual Result: Focus going to next toolbar button

It only happens the first time when we launch the editor & open a toolbar menu.

It works properly in FF ESR 10.0.11

When I use CKEditor 4 with attached config.js and ontents.css files, then by hitting formatted option from the Format dropdown creates extra line break.

How to reproduce:

1. Go to CKEditor 4 demo page.
2. Set following configuration in config.js file

/*
Copyright (c) 2003-2012, 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.extraPlugins = 'syntaxhighlight,button-pre';
    //config.toolbar_Full.push(['Code']);
    config.resize_enabled = false;
};

/*
http://stackoverflow.com/questions/6969081/why-does-ckeditor-add-line-breaks-and-paragraph-before-initial-text
http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Output_Formatting
http://stackoverflow.com/questions/1977791/turn-off-enclosing-p-tags-in-ckeditor-3-0
*/
CKEDITOR.on('instanceReady', function (ev) {


    // Output paragraphs as <p>Text</p>.
    ev.editor.dataProcessor.writer.setRules('p',
{
    indent: false,
    breakBeforeOpen: false,
    breakAfterOpen: false,
    breakBeforeClose: false,
    breakAfterClose: false
});

    // Output paragraphs as <p>Text</p>.
    ev.editor.dataProcessor.writer.setRules('pre',
{
    indent: false,
    breakBeforeOpen: false,
    breakAfterOpen: false,
    breakBeforeClose: false,
    breakAfterClose: false
});

    // Output paragraphs as <p>Text</p>.
    ev.editor.dataProcessor.writer.setRules('br',
{
    indent: false,
    breakBeforeOpen: false,
    breakAfterOpen: false,
    breakBeforeClose: false,
    breakAfterClose: false
});

    // Output paragraphs as <p>Text</p>.
    ev.editor.dataProcessor.writer.setRules('div',
{
    indent: false,
    breakBeforeOpen: false,
    breakAfterOpen: false,
    breakBeforeClose: false,
    breakAfterClose: false
});

});

3. et following CSS in the contents.css file

p, pre
{
	margin:0;
	padding:0;

}

4. Add following text in the CKEditor

"Test
Test
Test
Test
"

5. Select the 2,3 line and hit formatted option from the Format dropdown, you will notice that extra line breaks has been added.

To reproduce the defect:

1. with JAWS on, open any CK Editor sample, insert a table & navigate to a table cell.

2. Press Shift + F10 to open context menu.

3. Reach an item with submenu and press ENTER to open it.

Expected Result: Sub menu opens, JAWS reads context menu & when we use down arrow key JAWS will read options in Sub menu.

Actual Result: Sub menu opens, JAWS reads context menu, when we use down arrow keys JAWS reads Sub menu option names, but Focus not shown when we navigates through the options.

This is only happening on 4.0 & not on 3.6.x builds.

Verified with both JAWS 13 & 14.

To reproduce the defect:

1. with JAWS on, Open any CK Editor sample, navigate in to Editor body.

2. Press Alt + F10 to navigate to toolbar.

3. Navigate to Link icon and press Enter.

4. In the Link dialog, Navigate to Link Type combo box & select Link to anchor in the text option.

5. Press Tab

Expected Result: Focus goes to error message div which says No anchors available in the document & JAWS reads that error message.

Actual Result: Focus goes to window & JAWS reads AJAX M CK Editor Sample button in AJAX Sample

This is happening only in 4.0 build & not in 3.6.5 stream

I need to add the following fonts to the text editor for Japanese Mincho Font: Ms P Mincho, Hiragino ProN W3, Gothica Font: MS P Gothica, Osaka. Needs to see these font type in this order:

For Gothic font: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif

For Mincho fonts: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', serif

But, it display like that font-family:?????? pron w3,hiragino mincho pron,?? ??,ms mincho,serif.

Can you please give me the solution?

1. Remove errorProof flag from selectionChange event (see selection.js).
2. Open sample with inline editor.
3. Make any selection.

Error is thrown: Uncaught TypeError: Cannot call method 'setHtml' of null plugin:190.

1. Switch off errorProof flag on selectionChange event (see selection.js).
2. One test is faling on: ​http://ckeditor4.t/dt/core/command/command.html

Hint: it doesn't fail when ran alone - ​http://ckeditor4.t/dt/core/command/command.html?name=test-command-states-in-detailssummary

Extracted from #9699.

1. Focus editor.
2. Check that selection is collapsed so cut/copy buttons are disabled.
3. Start selection by dragging. Release mouse button outside editable. Check releasing mouse button over document, outside of it, outside body, but in html.
4. Check cut/copy buttons state.

• Expected: when selection changed from collapsed to not collapsed, then selectionChange should be fired and those buttons should change state.
• Actual: in many cases they stay disabled.

Reproducible on Webkits, Opera, FF. After #9699 some cases may be fixed - usually those target by that patch. But even when issue from #9699 was fixed, I was sometimes able to reproduce this one.

To reproduce the defect:

1. Open any CK Editor sample in 3.6.x stream.

2. Open Table dialog & click OK button.

Expected Result: Table dialog closes & table with default values for rows & columns inserted in editor body.

Actual: Table with default values for rows & columns inserted in editor body, but table dialog not closed.

Same issue happens with Smileys, Flash, Image, IFrame, Anchor, Link dialogs

​https://github.com/WebSpellChecker/ckeditor-plugin-scayt/issues/2

When using the divarea plugin, the native contextmenu no longer works on the content space.

This is caused by the following constellation:

• disableContextMenu is called on the browser chrome
• events from the divarea content bubble up to the browser chrome (as opposed to the regular iframe solution)
• => preventDefault is called on the contextmenu event in most cases, preventing the context menu to show up

One solution could be to modify the disableContextMenu listener function to also check for of event target ancestors with the cke_enable_context_menu class, this would make the handler less performant though. Another solution could be to prevent the contextmenu event from bubbling up the contents space, which is what I have used for now as a workaround.

I am seeing an extra space that appears before the closing tag of some of the elements. If I submit with those extra spaces, they appear on the site as a black diamond with a white '?' inside it (appears in Chrome 23, Firefox 17, IE 9). The weird thing is that the space only appears inside specific DIV tags.

I can delete the space, and submit those changes and the display is good. However, if I delete the space then switch to the WYSIWYG editor and back to the source view the space reappears.

I found the following link and followed it putting "false" in all the fields, and that removed all the indentation, but the space was still there. ​http://stackoverflow.com/questions/2547090/removing-unwanted-newline-characters-when-adding-p-in-ckeditor/7045742#7045742

Port patch from #9771 for Opera.

The following test is red:
​http://ckeditor4.t/dt/core/creators/creators.html

Regression introduced by ​git:c551fd8.

When i reload Ckeditor by using "CKEDITOR.inlineAll", i have one error "The editor instance "xxxx" is already attached to the provided element". The dialog box of ckeditor is broken after this error.

To fix it, i had this code at the begining of the function CKEDITOR.inlineAll

"for(name in CKEDITOR.instances)

{

CKEDITOR.instances[name].destroy();

}"

Hi,

I observed that when i type arabic numbers(١٢٣٤٥٦), in editor showing as it is but in html source code its shows english numbers(123456).

Can you please suggest me ?

Regards, mansoor

Steps to reproduce (1)

Open Special Character and try inserting any character.

Result:

SCRIPT438: Object doesn't support property or method 'createRange' 
wysiwygarea/plugin.js, line 125 character 4

Steps to reproduce (2)

1. Open _samples/api.html
2. Click "Insert HTML" button

Result as above.

Steps to reproduce (3)

<p>
	Sample <img src="http://b.cksource.com/a/1/img/sample.jpg" /> image</p>

1. Select an image
2. Press Ctrl + X (cut), then Ctrl + V (paste)

Result as above.

Happens in all enter modes.

1. Open replacebyclass sample
2. Start pressing enter

Result: when reaching the bottom of the editing area, the wysiwygarea is not scrolled automatically to the cursor position. Only after pressing any other key, the editor scrolls correctly to the cursor.

Started happening in revision [7662]

See the attached screenshot (Hebrew language was selected)

1. Open _samples/ui_languages.html
2. Select Hebrew language

The monitor must be wide enough to see the issue.

Reproduced in 3.6.6(SVN), happens at least since 3.5 (previous versions did not load at all). I was unable to confirm it in 4.0.

We need a feature where we can select a text inckEditor and have abilty to add tag. Here is the ref for the same ​http://www.voofie.com/content/2/ckeditor-plugin-development/ Here you can check that on checked text you can add comments. Please let me know if you have any plugin or add on having same feature OR you can add this to Ck Editor.

Hey.

I know the summary sucks, but I seriously don't know what sentence would describe it better.

The toolbar seems to be bugging pretty bad.

I've added some images that'll show my issues.

I have seen that when we call function checkDirty() on page load/ckeditor load for ckeditor version 4.0 it provides true value. This should be false. As at the first time of loading there could not be any change on content of loaded ckeditor, consequently it should return false. It is found that in older version ie v 3.6.3/3.6.5 above function call on page load gives undefined value. Please advise.

Thanks, Bhavesh khatri

(M=c824c5d) oleq@pc ~/ck/ckeditor-dev> dev/jslint/linter 
~/ck/ckeditor-dev/dev/jslint ~/ck/ckeditor-dev
/home/oleq/ck/ckeditor-dev/core/htmldataprocessor.js(187): lint warning: unreachable code
		function createFiller( isOutput ) {
................^

/home/oleq/ck/ckeditor-dev/core/htmldataprocessor.js(338): warning: function createBogusAndFillerRules does not always return a value
	}
........^


0 error(s), 2 warning(s)
~/ck/ckeditor-dev

I've got some issu regarding text align Center, Right Underlight text Text color

When I transmitted the textarea to my data base PHPMysqlAdmin the Html Code is missing in my data base PHPMysql as : <p style="text-align: center;">TEST<br></p>

Instead after the post in my data base I've got : <p>TEST</p>

I don't have any issu for the BOLD function : <p><strong>TEST</strong></p> That is correctly set after the POST to my data base

My Formular Code :

echo '<b>Indication</b> <input type="submit" name="bouton_indication" value="modifier" /> : <textarea id="indication_text" type="text" name="indication_text" >'.$rowindication?.'</textarea>'."<br />\n";

echo "<script type=\"text/javascript\"> CKEDITOR.replace( 'indication_text' ); </script>";

My SQL Submit :

$rq_maj= 'UPDATE points SET indication="'.$indication.'" WHERE points.title="'.$pt.'" ' ;

$resultat = mysql_query($rq_maj,$link);

Have you got an explaination.? Thanks for your help

Test page : ​http://alex69.dyndns.info/meridien/edit.php?point=P2

1. Open any sample (on dev version).
2. Open table dialog.
3. Reset width (default is 500).
4. Insert table.
5. Open table dialog to edit inserted table.
6. Width is set '500' again.

Now repeat these steps with extraPlugins = 'dialogadvtab'. On step 6. width is correctly set to empty value.

When running any CKEditor 4.0 release on Wordpress v3.5 the editor does not show in Firefox. The editor loads in both Chrome and IE however fails to display on Firefox.

Both errors are thrown by scayt Developer console displays error relating to _base.xd.js as an empty string is being passed into getElementById(): var _3db=document.getElementById(_3da);

caused by: var _3da=t.containerNode.parentNode.getAttribute("widgetid");

Errors also thrown by loaderbase.js:

getAttributeNode is deprecated and should be getAttribute var attr=node.getAttributeNode&&node.getAttributeNode(_349);

attr.specified is deprecated and will always return true return attr?attr.specified:false;