Custom Query

We have config.allowedContent being a whitelist.

But real life cases often require also being able to define blacklist. Therefore we should introduce config.disallowedContent.

Good morning, I know that there must be an answer somewhere but I'm looking for 2 days without a solution. I have this URL generated by CKEditor when I upload an image with KCFinder. <img alt="" src="/sistema/kcfinder/upload/images/giant-talon-01.jpg" style="height:492px; width:800px" /> but how can I save this url in the field of a table and then show it in the browser, I need it to be like this: images/giant-talon-01.jpg

I'm two days looking and trying everything I could find but nothing works. I'm using CKEditor 4.1 with integrated KCFinder. I can not understand that an application as complete as CKEditor not have a clear solution to this because the help files are very complicated and the suggestions of others are wrong and do not work too. I know it is not a bug but for me the solution is essential.

Many thanks to all,

Paulo

When pasting text using the PureText add-on for Windows (​http://www.stevemiller.net/puretext/), all text in the editor becomes unformatted.

Reproduce:

1. Make sure you have some formatted (bold/italics/underlined) text inside ckeditor;
2. Select any text (may be inside or outside the editor);
3. Copy the text (either with a button or CTRL+C);
4. Paste the text INSIDE the editor using PureText (usually using the default shortcut Windows key + V)

All text inside the editor has now magically turned into unformatted text. All the text that was bold (or italics etc.) is now plain text.

By the way: this bug was NOT in CKEditor 3.

The idea is introducing a new instance creation method which is similar to CKEDITOR.replace, but instead of having a themed-ui editor instance created, CKEditor should replace the <textarea> with a <div>, created on the fly, enabling inline editing on it.

The created <div> must have standard class names available, so implementors can customize it's appearance.

Then, when the form is posted, the original textarea is filled with the editor contents, just like it happens with CKEDITOR.replace.

CKEDITOR.destroy should revert it back to the textarea, just like CKEDITOR.replace as well.

This is an umbrella ticket for jQuery problems and feature requests. Because requests mainly concern jQuery adapter I think this should be reported in #9790 however after consulting with @Reinmar I have decided to open new issue.

• #9790 - create jQuery Adapter for CKE 4.x

jQuery adapter feature requests

• #8261 - allow to work with existing instances
• #9077 - use val Hooks

jQuery adapter bugs

• #8710 - jQuery adapter doesn't support 'form' property
• #8530 - jQuery adapter breaks save button
• #9019 - jQuery Adapter version of jQuery.val() does not handle .val(undefined)
• #6181 - jQuery adapter + jQuery ajaxForm plugin not working
• #7778 - jQuery Adapter does not work with ckeditor_basic.js
• #7876 - jQuery Adapter val() function handles multiple elements incorrectly

jQuery Can't Fix bugs

• #10092 - Focus lost on IE when reopening in an iframe with a jQuery onload listener
• #10269 - Dropdowns emptied on second click

jQuery tasks

• #6906 - check if validation is correctly performed with jQuery

Steps to Reproduce:

1. ​http://ckeditor.com/demo
2. In source view clear the source and enter the following:

<p>Text<span class="whatever"> text</span></p>

<p>Copy me</p>

3. Switch to html and back to source view.

Expected:

The <span> should still be there.

Actual:

The <span> is removed.

Notes:

Is this desired behavior? This "works" as I expect it to in 4.0.1.

I have found a bug where if I resize a container DIV that wraps around the CKEditor all dropdown lists (block styles & paragraph format) in the toolbar will stop working as per usual and fail to open on Firefox for OSX. I'm also using JQuey UI - Resizable to perform the resize.

What I have noticed is that the when I inspect the div that is supposed to open in firebug and set it to display:block I find that it is aligned to where it should be properly. I also noticed that the click function that is bound to the drop down is firing to this div but retracting to display:none straight away which is causing it not to appear.

Why will any id attribute of html tag be removed? How can i force ckeditor the keep id attribute? thx

To reproduce:

1. Use below configuration for editor

   var editor = CKEDITOR.replace( 'editor1', {
   	pasteFromWordRemoveFontStyles:false,
   	pasteFromWordRemoveStyles : false 	
   	//,allowedContent: true //This isn't causing any problems
   } );	
   

2. Open page and clear contents with New Page command
3. Open attached file and Copy styled text or table with styled text
4. Paste it in to editor using Paste From Word dialog or Ctrl+V

Result: CKEditor goes into infinite loop (FF eventually asks if you want to break the script execution).

Problem can be reproduced in all browsers from CKE 4.1 however it looks like ACF is not responsible as setting allowedContent: true doesn't help to resolve this problem.

Steps were discovered in our company's use of the editor and reproduced in the CKEditor demo before entering the bug. These bugs were tested in IE 7-10 (document standards mode), Chrome (latest), and Firefox (18.0.1, 19.0.1).

Basic way to reproduce:

1. Open CKEditor demo and insert an image. Do not give it a link at this time. Do not set the border.

2. Use Image Properties dialog on the image and give it a link.

3. The image will now display a blue border around it.

Alternative method of reproducing it:

1. Open CKEditor demo, clear demo, and go to Source.

2. Insert HTML for an image setting the border equal to 0.

Example: <img alt="light bulb" src="​http://www.lightbulbmarket.com/files/1974975/uploaded/Philips%20Incandescent%20A-19%20Light%20Bulb.gif" style="height:80px; width:60px; border:0px" /></a>​

3. Switch to the WYSIWYG. Use the Image Properties dialog to attach a link to the image. The blue border will appear around the image.

(If you switch to the Source view, the border tag has been removed.)

Another alternative method of reproducing it:

1. Open CKEditor demo, clear demo, and go to Source.

2. Insert HTML for an image setting the border equal to 0 and setting a link on the image.

Example: <p><a href="www.google.com"><img alt="light bulb" src="​http://www.lightbulbmarket.com/files/1974975/uploaded/Philips%20Incandescent%20A-19%20Light%20Bulb.gif" style="height:80px; width:60px; border:0px" /></a>​</p>

3. If you switch back to the WYSIWYG, you will see the blue border around the image.

(If you switch to the Source view, the border tag has been removed again.)

This issue may be related to Tickets: #8791 and #8792 (one seems to be a duplicate).

Recently updated FCK Editor to Ck Editor 4. My client have lots of HTML Campaigns with the below sample code spinet.

When I copy the below code and past it into my editor then I will got Only <p>&nbsp;</p><style type="text/css"></style> (May be issues with Comments that are not closed properly)

IS there any way to auto prevent this type of formatting?

Can you please let me know

My Code:

<p>&nbsp;</p> <style type="text/css"> <!--

.caddress { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

font-size: 18px; font-weight:bold; color:#00457b;

} }</style></p>

<table id="Table_01" border="0" cellspacing="0" cellpadding="0" width="598" align="center" height="1065" style="border-bottom: #03447c 1px solid; text-align: center; border-left: #03447c 1px solid; border-top: #03447c 1px solid; border-right: #03447c 1px solid">

<tbody>

<tr>

<td bgcolor="#00457b" colspan="5">Test</td>

</tr> </tbody> </table>

Thanks in Advance

i download your full version of ckeditor, but i discovered that there was no place for image upload.Going by the demo, there was a place for image upload to the server. Why is that it was not there for full version?

Please i need your urgent reply

Thank you!

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

1. Open any sample.
2. Write text.
3. Press shift+enter.
4. Press space and type text.
5. Switch to source mode and back - space after <br> is lost.

Note: filling char is also removed in selection.js:490 and perhaps this place should be fixed too.

In IE8, when my site is running in Local intranet / protected mode: off, the right click menus don't appear to be styled correctly. In IE, my browser defaults to this mode if the URL doesn't have any . in it, so to reproduce it, you will need to run it on a site like ​http://ckeditor or ​http://test . All of the right click menus just appear to be missing their styles. For example, you can compare localintranetmode.png vs internetmode.png.

I could not reproduce this in ckEditor 3.x.

1. Place attached file in samples folder.
2. Click on sample text and press indent button

Result: Whole outer list gets indented. You can check with firebug that it has margin-left:40px.

Problem can be reproduced from CKE 4.0 beta

Some line breaks can be lost when pasting data as plain text to editor which is using div as enter mode.

Steps to reproduce

1. Copy some text with multiple line breaks, I used the following piece of text

#1 first

#2 second
#3 third

2. Paste that data into editor which is using div as enter mode
3. The line break between first and second will be lost and output will look like this

#1 first
#2 second
#3 third

When using either p or br as enter mode the line break between first and second will be there so this issue is specific to using div enter mode.

The HTML source for the pasted data looks like this.

<div>
<div>1. foo</div>

<div>3. bar<br />
4. foz</div>
</div>

We have implemented CKEditor as a popup in our Web Application. The text is always rendering blank in Firefox, we are on FF 17, but this issue is reproducible in previous FF versions also. The same works fine in Internet Explorer. Please see the attached UI

1)Move the cursor on B,I or anything of Description. 2)Now see at the leftmost corner of footer and checked for tool tip.

Browser:Google Chrome Version 26.0.1410.43 m

I have a strange situation that only occurs for IE9 and not for Chrome, which are the two browser available to me. It also works fine for both browsers when using version 3.6.6, so it is due to some recent development.

I have verified the downloaded zip to work, but I need to upload it into a repository and use the URL replace method. My pages start like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type='text/javascript'>
function CKEDITOR_GETURL ( resource ) {
	var res = resource.replace( '?', '?open&' ) ;
	if ( res.indexOf( '://' ) === -1 && res.indexOf( '/' ) !== 0 ) { return this.basePath + res } else { return res }
}
</script>
<script type='text/javascript' src='/common/svg03547.nsf/ckeditor402/ckeditor.js'></script>

I am unable to trace what happens when populating the context menu, but the result for IE9 is like in the attached file. Here I have written "test", selected it and right-clicked. More complex menus, like for table, gets skewed to the right with one extra indent per line, and the grey selection background is narrower than the text.

Since I can use Chrome without a problem it must be related to some browser peculiarity and maybe som missing URL replace method somewhere. Does this seem like a fair assessment? I cannot check this without deepdiving in your code.

Reported on SO: ​http://stackoverflow.com/questions/15795142/is-there-anyway-to-stop-ckeditor-4-from-filtering-my-anchor-tag-attributes

Open editor with disabled ACF.

Set data: <p><a href="#" data-href="x">foo</a></p>

Result: <p><a data-="" href="#">foo</a></p>

All link attributes ending with /[^a-z]href are broken

Go to source mode and type "<p><span>Test</span></p>" then go back to edit mode, the span is striped.

This also happens with the label element : "<p><label>Test</label></p>".

Thanks for your work

In IE8, if my browser is in Local Intranet Zone | Protected Mode on, I see a JS error if I click on a button in the toolbar without putting my focus in the editor first. This is the default Zone/Mode if I navigate to the site without a . in the URL. (Also I can see from the IE Developer tools that Browser Mode is IE8 Compat View and Document Mode is IE8 Standards.

Steps to reproduce:

1. Open a brand new editor.
2. Without putting focus in the editor click on any toolbar button. There is a JS error.

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; InfoPath.2) Timestamp: Thu, 28 Mar 2013 19:55:24 UTC

Message: Can't move focus to the control because it is invisible, not enabled, or of a type that does not accept the focus. Line: 241 Char: 519 Code: 0 URI: ​http://tfqatrunkfeatures/resources/6.5.0.102/ckeditor/ckeditor/ckeditor.js

The undo function breaks after three or more consecutive paste actions when pasting as the last characters in a paragraph. Reproducible in [ckeditor.com/demo the demo] and in ​nightly.

Steps:

1. Go to ckeditor.com/demo
2. Click to focus to the editor
3. Ctrl+A and Del to clear editor
4. Copy some simple text, for example the URL of the page
5. Paste the text three times in a row
6. Ctrl+Z or click the undo icon --> Error

Error in Console (nightly): DOM Exception: INDEX_SIZE_ERR (1) ckeditor.js, rivi 339 merkki 374

If you type something after the pastes, undo works fine until it hits the pasted text, then the error is thrown.

BUT! If there is something after the caret when pasting it doesn't fail. For example after step 3, if you type in "foo" and move the caret to "|foo" or "fo|o" and then paste three times, undo keeps working fine and no errors.

Reproducible in IE9 ​http://nightly.ckeditor.com/13-04-04-14-51/standard/samples/replacebyclass.html

1. Go to the link
2. Doubleclick "Apollo" word to select it
3. Ctrl-C to copy
4. Attempt to paste anywhere --> Error

Error in IE9 Console: Ominaisuuden remove arvoa ei voi noutaa: objekti on tyhjäarvoinen, tai sitä ei ole määritetty ckeditor.js, rivi 301 merkki 144 (The generic undefined error for "remove")

Not sure if this is related to one of the Many other paste issues.

Problem is that when I have a numbered list, and mute the text font to 9pt, the source number (li) does not change. There should be option to change font size in li. This exists? Where as I do?

Forgive my English.

Based on: ​http://ckeditor.com/forums/CKEditor/Bidi-is-not-working-with-Version-4.1

Problem: bidi toolbar group is missing in standard preset, so adding bidi plugin does not result in bidi buttons appearing in toolbar.

This is against toolbar groups concept which we introduced to avoid this issue. Therefore in all presets all standard groups should be defined and if preset removes some buttons it should do this by removeButtons (e.g. paste buttons in basic preset should not be removed from toolbarGroups, but like superscript, subscript and strike).

More details here : ​http://ckeditor.com/forums/CKEditor/Menu-as-iframe#comment-124806

The need is to have a configuration setting to tell where the menu element container have to be appened. I want to append it at body's root.

Description

Deleting rows other than the first one lead to an Unspecified Error and cause the UI to be unresponsive for a few seconds.

Steps to Reproduce

1. Launch the Nightly Editor Demo in IE10 (I tested against ​http://nightly.ckeditor.com/13-04-08-14-51/standard/samples/replacebyclass.html)
2. Insert a table using the default options of the dialog
3. Right click on the second or third row and choose Delete Rows
4. An Unspecified Error will be logged in the Developer Tools console and the UI will become unresponsive for a few seconds

System

Browser: Internet Explorer 10 (Desktop Mode)
OS: Windows 8 Enterprise

If I set read-only property in aspx page and editor does not contain anything, when I click inside editor, following exception happens: Unable to get value of the property 'ownerDocument': object is null or undefined.

Bug can be easily reproduced with _Samples/FirstUse.aspx if we change editor control definition to:

<CKEditor:CKEditorControl ID="CKEditor1" ReadOnly="true" runat="server" Height="200" BasePath="~/ckeditor" />

Using CKEditor for ASP.Net 3.6.4.

I m trying to use fckeditor 2.1 with IE10 But my Browser Screen Could not Show the FCKEDITOR their but show in the viewsource code so tell me what changes i have to made to run succesfully the 2.1 on IE10

Hello,

Ckeditor is wonderful, but scrolling on the ipad is impossible. Fix it please like code examples on this site are scrollable.

​http://stackoverflow.com/questions/4443320/resize-then-crop-php

Regards Peter

Description

Selecting a Control and hitting the backspace key causes backward navigation instead of removing the control from the document, this was fixed in the past for CKEDITOR 3.x 4047 but was reintroduced to 4.x at some point, getSelectedTableList() is not returning an element for IE because the range.startPath() only contains the document body when a table or image is selected.

Steps to Reproduce

1. Launch the Nightly Editor Demo in IE (I tested against ​​http://nightly.ckeditor.com/13-04-09-14-51/standard/samples/replacebyclass.html)
2. Click on the Saturn V rocket image, or the Red Flag image, or the border of the Mission Crew table
3. Press the backspace key

Expected Behavior

Control is removed from the document

Actual Behavior

IE navigates to the previous page

System

I was able to reproduce this on IE 7,8,9 and 10.

When embedding the CKEditor into a Dojo (>= 1.8.2) Dialog with other widgets in the Dialog the CKEditor refuses to retain focus.

I have made a jsfiddle to reproduce the problem: ​http://jsfiddle.net/9MnqK/

The Dojo Editor (rich text editor) does not have this problem (and uses the same iframe trick that CKEditor uses.

This affects undoM.save() but also lock()/unlock().

When opening the styles combobox in inline editor besides styles.js , contents.css is requested too.

The bugs are 2: 1-contents.css should not be called in inline edit mode. 2-if i set a different contentsCss:'mycontents.css' the default 'contents.css' is called

I am working on a site which uses ckeditor. I am facing an issue using ckeditor in ipad. I am replacing a text area with ckeditor instance.One can enter details in the ckeditor and it works fine. However, if she/he puts the cursor in the middle of a sentence to modify the text and then try to type using the iPad keyboard she/he can press the letters but nothing gets typed in. But now if she/he hides the keyboard and brings it back it works fine. Delete , return keys works well in this scenario.

I have tried the demo provided through ipad. But there is no such issue. Here we are replacing a text area with ckeditor instance.

Thanks, Anoop

In full editor use below settings in replacebycode sample.

var editor = CKEDITOR.replace( 'editor1', {
				//allowedContent : true
				enterMode : CKEDITOR.ENTER_BR,
				toolbar : [
				['Font', 'FontSize'], ['TextColor', 'BGColor'], ['Bold', 'Italic', 'Underline', 'Strike'], ['Subscript', 'Superscript'],
				['JustifyLeft', 'JustifyRight', 'JustifyCenter', 'JustifyBlock'], ['NumberedList', 'BulletedList'], ['Outdent', 'Indent', 'Blockquote'], ['Table', 'HorizontalRule', 'SpecialChar'], ['Link', 'Unlink', 'Image'],
				['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord'], ['Undo', 'Redo', '-', 'Find', 'Replace', '-', 'SelectAll', 'RemoveFormat'], ['Source']
				]
			} );

Notice that Justify plugin is disabled no matter what you click on. As discussed with @Rainmar this is because Justify Plugin adds only P to ACF while in other modes (BR and DIV) elements are "wrapped" in DIV when justified (block elements aren't but this rather doesn't change anything). To solve this in other modes, Justify should report DIV to ACF.

1. Go to source and paste this:

<p>One Two</p>

2. Back to wysiwyg, put the caret right after "One".
3. CTRL+B to bold the collapsed selection.
4. Without typing, switch to source. We'll have this:

<p>One<strong>​</strong> Two</p>

The weird thing is that this doesn't happen if you simply type "One Two" in step 1. You must go source and back.

When you click on the image button the dialog has two boxes for width and height. They are not wide enough for 4 characters . You need to adjust the size from 40px to say 60px.

Description of problem:

If you have one image between two words, and you move the image to another place, the space between the two words is deleted.

Browser: Chrome (all versions, oficial 28, 27, 26, 25,...and 28.0.1477.0 canary), Safari (Version 6.0.3 (8536.28.10) but in all 6.0, 5.0, 4.0 is the same), in MacOs 10.8.3 and 10.7

Steps to reproduce:

1. write any text. For ex: "one two"
2. insert one image in middle of the two words. For ex: "one <img>two"
3. move the image to another place. For ex: "onetwo <img>"
4. the space in the middle of the two words disappears.

"one two <img>" -> "onetwo <img>"

Expected result: the two words be kept separate "one two <img>"

Actual result: the space disappear "onetwo <img>"

Hi, As I understand the CKEditor is removing automatically an empty Anchors. The problem is that a lot of HTML addons are using empty anchors and they store them in JavaScript after the page is loaded.

e.g. If i like to use AddThis they let me add the next code:

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>

And after I change the display from source to design the CKEditor is removing all the Anchors.

I know that if I will add &nbsp; to the Anchors the CKEditor will not remove them but in my case I am a programmer. The problem is that we have thousands of customers that working on are Website CMS and we can not explain this problem to any customer for every addon he use.

Anyway I sow at list 3 ticket that open for this problem and CKEditor team is close them by saying that this is how CKEditor works.

Now i am saying that this is how CKEditor not need to continue working if CKEditor like to have a lot of customers. I do now understand what is the problem to add a property of IgnoreEmptyAnchors and if the programmer like he will turn it on and the problem will be fix.

This is a win win for the programmer and for the CKEditor.

Thanks.

Pasting seems to work bit differently when using ctrl + v and forcePasteAsPlainText option in comparison to using paste as plain text plugin when enter mode is set to div. Via paste as plain text plugin I got correct looking HTML with divs and br elements, but when pasting via ctrl + v I got just br elements as line breaks.

Here is the plain text content that I copy-pasted.

#1 first

#2 second
#3 third

And here's how the source looked after pasting using ctrl + v.

<div>
<br />
#1 first<br />
#2 second<br />
#3 third<br />
</div>

I also checked out the event in editor.on('paste') handler and event.data.dataValue looked like this when pasting using ctrl + v.

<br>#1 first<br>#2 second<br>#3 third<br>

Whereas the event.data.dataValue looked like this when using paste as plain text plugin.

<div>#1 first</div><div>#2 second<br>#3 third</div>

Is this a bug or do these two different "paste as plain text" methods work differently by definition?

Edit:
Problem can be reproduced in divarea sample in Webkit browsers from CKEditor 4.0 beta. Editor must have following settings:

CKEDITOR.replace( 'editor1', {
	extraPlugins: 'divarea',
	enterMode : CKEDITOR.ENTER_DIV,
	forcePasteAsPlainText : true				
});

Pasting with Ctrl+V and with dialog produces different results.

Hello,

Just noticed a bug when using GravityForms & CKEditor.

send_to_editor function is not defined where as GravityForms & default WP editor do work well together.

Please advise. Regards, YooRock

1. Open enter mode sample.
2. Set enter mode to BR.
3. Click new page (important).
4. Type "X", enter, "Y".
5. Press delete, "Y" was removed.
6. Press delete, nothing was removed.

TC2:

5. Press left arrow.
6. Press delete, character on the right side of caret was removed.

This is continuation of #10315.

Reported on forum: ​http://ckeditor.com/forums/CKEditor/bug-chrome-enterMode-ENTERBR

Follow-up of #10291.

Details in ​http://dev.ckeditor.com/ticket/10291#comment:7

• Open ​http://nightly.ckeditor.com/13-04-16-07-42/full/samples/replacebyclass.html
• Copy a word from the editor contents and include a whitespace at the start or end of the selection.
• Paste the content.

Problem: An error occurs and the content is not pasted.

The error is:

TypeError: wrapper.getLast(...) is null
.../ckeditor/core/editable.js
Line 1146

Reported on the ​community forum:

When accessing CKEditor from within a webview in a Windows 8 app, the editor fails to load completely. With some assistance from an MS Evangelist, we tracked down the issue and I thought I'd post the fix here for posterity:

In the Web Control (and not in IE 10 or anywhere else), the document.domain property is URL-encoded, turning "test.package" into "test%2package"... Consequently, the check "document.domain == window.location.hostname" fails and editor and controls end up in different origins.

To work around this issue, open ckeditor.js, search for "var a=document.domain" and change it into "var a=unescape(document.domain)".

It looks like there is a common scenario that is somewhat troublesome for users:

1. User downloads standard preset
2. User sees that the text color button is missing, so he downloads another preset OR std preset + colorbutton
3. The previous std preset is overwritten in the same location
4. User launches the attached samples and sees no changes, so he hits F5 and the browser loads the new ckeditor.js ("Did you clear the cache? - Yes!")
5. ...aaand now the funny thing happens: the new ckeditor.js does not load the new language file, because the timestamp (used to solve caching issues) is still the same! This is because ckeditor.js has been created from the same version of core.

The result is that the first thing that requires new language entries throws a JavaScript error.

After downloading the full preset I got:

Uncaught TypeError: Cannot read property 'ltr' of undefined

After downloading the standard preset + colorbutton I got:

Uncaught TypeError: Cannot read property 'textColorTitle' of undefined

Sample reports that have not been identified properly:

• ​http://ckeditor.com/forums/CKEditor/CKEditor-4-not-working-in-Chrome
• ​http://dev.ckeditor.com/ticket/10183

plus possibly a mysterious issues like this one:

• ​http://ckeditor.com/forums/Support/Full-package-doesnt-works-standartd-is-OK

Proposed solution:

Stop using timestamp when requesting external resources. Start using a hash that is constructed using the same set of things that we use to cache packages generated with online builder:

• core version
• selected plugins along with their versions
• selected skins along with their versions
• selected languages

1) The hash could be calculated in CKEditor itself. But CKEditor has no idea about version numbers of included plugins plus it would add a bit of useless code to the package.

2) The hash could be generated by CKBuilder and added to ckeditor.js when generating the package (CKEDITOR.hash='xyz';). All builds created online should be 100% safe this way.

The command line version of CKBuilder would not be able to use version numbers of plugins just like CKEditor, but still creating a different hash whenever a plugin is added to the preset would dramatically reduce the number of this kind of issues.

1. Open replacebycode.
2. Strike some text.
3. Click remove format.
4. Strike remains.

Bisect points to ​git:db6ffc3a857 as a first bad commit so it's been introduced by #9796. Apparently we updated basicstyles plugin but we forgot to tune removeformat behavior.

... cause it is missing buttons removed in e.g. basic preset.

Hi everybody, I have found a problem with element and classes.

I want to add a class in my checkbox with the attribute "classes", but it doesn't work. I'm setting up a class on some elements, as an example when I add a checkbox. Then, I switch to Source code and my new checkbox has a class "required". But, when I switch back to WYSYWYG and then to Source code again, the attribute class disappear.

To solve my problem, I need to edit "ckeditor.js" on line 730 checkbox:"input[type,name,checked](required, etc...)".

I've attached some screenshots to this post.

On action 'InstanceReady', I'm scanning the list of "allowedContent" to find my checkbox item and I setting up a new attribute and classes like "required".

CKEDITOR.on('instanceReady', function() {
                if (!Browser.ie && this.textarea.parent) {
                    this.textarea.parent.setStyle('height', 'auto');
                }
                for (a in this.instance.filter.allowedContent) {
                    if (this.instance.filter.allowedContent[a].featureName == "checkbox") {

                        // readonly it s for Textfield or TextArea normaly
                        this.instance.filter.allowedContent[a].attributes['readonly'] = true;
                        this.instance.filter.allowedContent[a].classes = { 'required':true, etc...};
                       // i add more classes in real

                       console.log(this.instance.filter.allowedContent[a]);
                    }
                }
                this.load_end();
            }.bind(this));

Hi, I am having a problem using CKEditor Source and IE9,IE10 that I am pretty sure that its a bug. The CKEditor is automatically add &quot; char around the URL when using background image on a style attribute (in case that I add a apostrophe it replacing it also to &quot;).

e.g. if i add the next code:

<div style="background-image:url('http://b.cksource.com/a/1/10th/ckeditor10years.png');">Test</div>

It will replace to this code: <div style="background-image: url(&quot;​http://b.cksource.com/a/1/10th/ckeditor10years.png&quot;);">Test</div>

I understand that its not a bug until now because it is correct but the problem start when I like to send the form, get the data and save the page. When I am getting the posted data in the server side the &quot; char is replaced to “ and then I have a invalid HTML like this:

<div style="background-image: url("http://b.cksource.com/a/1/10th/ckeditor10years.png");">Test</div>

Now, Lets say that we save the data in the database as they are. In the next time that I like to edit the page, when I am applying the CKEditor on the textarea its replacing the code to this code (because of the invalid HTML):

<div 1="" 10th="" a="" b.cksource.com="" style="background-image: none;">Test</div>

If this is not a bug, I was happy if someone can explain to me how I need to work for saving the data correctly?

To Reproduce:

• Open any 4.x sample and type some text e.g. "Sample text".
• Select the word sample and the whitespace after it i.e. "Sample ".
• Use Ctrl+C to copy the contents.
• Place the cursor on a new line and paste the contents using Ctrl+V.

Problem: The space after the word sample is not pasted.

This is reproducible in Chrome and Opera. In Opera, it looks like the space is present initially but if you type directly after the pasted content, the space is removed.

In 3.x, leading and trailing whitespaces were trimmed from all pasted content in all browsers as a result of changeset [6818]. However this is no longer the case with the new pasting mechanism in 4.x. The testcase above correctly preserves the whitespace in IE, FF and Safari.

If there's no text in the editor and you click, for exemple, in the lower part of the textArea, the focus event will not be fired in chrome. I think it has something to do with the body of the iframe not taking 100%.

I attached the replaceByCode.html sample that I edited to show the bug. The toolbar is collapse at startup and will expand on the focus event and collapse again on the blur event. When there's no text, a lot of time you will click in the editor and the toolbar will not expand.

It appears we can no longer paste images from the clipboard into data uri's in IE10.

copy an image to the clipboard using the snipping tool. Open a page with CKEditor. This will do: ​http://ckeditor.com/demo. Click in the content area of the editor. Now press ctrl+v. The image doesn't paste. Right click, and the paste menu doesn't show up either.

I'm not sure if this is a bug or a missing feature. If it's a missing feature, then add me to the wishlist. If it's supposed to be there, then please add it to the bug list.

It works just fine in the other browsers on my computer. So far, I'm not a fan of IE10.

Add this button to the inlineall sample:

<button onclick="CKEDITOR.instances.editor1.destroy()">destroy</button>

Click it. Editor is destroyed but error is thrown in selection.js:15.

This is a similar issue to #10219, but it has a different reason.

Possible solution: adding !sel || to the if statement.

When trying to point a user to a sample on how to use attributes instead of inline styles for images I was surprised that it no longer works.

The whole section "Output properties as attributes, not styles" is incompatible with the default editor configuration. It looks like ACF converts attributes back to styles.

Hi,

I use multiple editors in one form. my script is here:

$(document).ready(function() {
$('textarea.editor').each(function(){
    CKEDITOR.replace( $(this).attr('id'), {} );
});
});

So if i want a block (what contain editors) showing javascript, the contained text is dissapear.

This show alterative is work: $('div#id').show(); But this is not: $('div#id').show('blind');

To Reproduce:

1. Open Massive inline editing sample
2. Enter some content
3. Use the keyboard shortcut to open the context menu: Ctrl+Shift+F10

Problem:

Context menu is not visible to users as it opens at the upper-left corner of the page.

If you have an image with a title that contains double quote. The string after the first double quote will be lost upon replacing the textArea by the editor.

I have attach the replaceByCode.html sample edited to show the problem. The text in the editor contain the folowing image :

<p>bla blabla <img alt="" style="width: 139px; height: 36px;" src="http://i.msdn.microsoft.com/dynimg/IC600833.png" title="test double quote &quot;test&quot; test">bla bla bla</p>

If you open the image dialog, in the advanced tab, the description will miss the end of the title.

Alos, if you inspect the html in the editor, you will see that the title is truncated.

If you open CKEditor and select "source" view and assign an attribute to an HTML element (e.g. <p class="test">) and then go back to normal view and back to source view the attribute is gone (e.g. <p>).

This applies to other attributes as well. I tested with several including "id", "name", and "xyz"

After save data from ckeditor and load it again a get this javascript error:

time: 2013-04-20 09:39:31 Error: TypeError: b is null Source file: ​http://somewebsite.pl/public/editor/ckeditor.js?t=C6HH5UF Row: 61

Tested on: Firefox Windows 7, CKEditor 4.1, utf-8

Maybe its' a problem with Polish language because i have some text i can't copy paste to cke editor (on official ckeditor demo website and on my website). I have problems with this text file: ​http://studiostron.eu/test.txt

I open it (editpad lite or other editor) and try paste and i got only one <br /> with no text

Descriptive summary: SourceDialog plugin always use default localization. In different localization tooltip of button on toolbar and header of dialog all time show 'Source' text.

Steps to reproduce: ​http://screencast.com/t/eycakmoXzgLG

Browser name and OS: Chrome, FF, IE and Safari. Windows 7

Screenshot: ​http://www.screencast.com/t/yOkJC4cC28C2

The fix for ticket #9841 applies role="application" to dialogs. This was added to "enable" JAWS forms/application mode. However this is not the purpose of the application role as it is intended to be a landmark region encompassing a whole application.

Dialogs have the "dialog" WAI-ARIA container role which implicitly supports keyboard interaction once that container or an element within it has focus. Therefore the application role should not be required to explicitly change to forms mode.

In 4.x, the dialog div container (with role="dialog") has "visibility: hidden" set as a style from the class .cke. This essentially makes the dialog semantics hidden. In 3.6, the dialog instead has "visibility:inherit" on the same div. Setting "visibility:inherit" on the dialog div in 4.x should address the original issue reported in ticket #9841 rather than using role="application".

The fix for ticket #9543 applies role="application" on all floating panels used in the editor. This was added to "enable" JAWS forms/application mode. However this is not the purpose of the application role as it is intended to be a landmark region encompassing a whole application.

Floating panels have other WAI-ARIA container roles (menu and listbox) which implicitly support keyboard interaction once that container or an element within it has focus. Therefore the application role should not be required to explicitly change to forms mode.

The issue raised in ticket #9543 is likely due to the fact that focus is not being placed on the container or an element within it when a menu or listbox element is opened. Focus should be placed directly on an element with the menu/listbox role or on a child element with the menuitem/option role.

1. Enable SCAYT
   
2. Create any misspelled header
   
3. Create any paragraph and then table or page break
   
4. Hit Ctrl+A and wait a few seconds. The selection now is only on header.
   
5. Hit Ctrl+A again and then backspace or delete. Only header will be removed.

Pasting content with a highlight/background color from word. The background color doesn't get copied over.

In default.js I found this line that's responsible for background color:

[ /^{background-color$/, null, !o ? m(d.colorButton_backStyle, "color") : null]}

But when looking at what's being pasted, the highlight is actually specified as "background: somecolor".

By adding the following to the code I seem to have fixed the issue:

[ /^{background$/, null, !o ? m(d.colorButton_backStyle, "color") : null],}

The sample file is just the API.html with an extra listener to the 'contentDom' event that logs an entry in the console and then sets a click listener on the body:

contentDom : function(e) {

console.log('contentDom'); var doc = e.editor.document; doc.on('click', function() { console.log('click'); });

}

That setup works correctly in CKEditor 3, but in 4 it only works until setData is called. Then the contentDom event is logged, but the native listeners on the document remain (so they aren't attached again) although I think that the document itself is changed.

I mean: CKEditor thinks that the native listeners are already set for that element, but the element itself has changed and now no longer works until you switch from design to source and back forcing a full reset.

And this is why some people have been complaining that the onchange plugin doesn't work with CKEditor 4.

Based on: ​http://stackoverflow.com/questions/16161826/ckeditor-issue-with-inserttext

Call editor.insertText( '$$' ) in styled text (bold, italic, etc). One of the dollars will be lost.

The reason is this line: ​https://github.com/ckeditor/ckeditor-dev/blob/master/core/editable.js#L1616

Dollar characters make some troubles when used in replace string.

It happens quite often that translators confuse the "dir" entry in main language file and try to translate it into something (e.g. between 4.1 and 4.1.1 releases two language files would get broken because of that).

Since we already store information about available language files in core/lang.js (CKEDITOR.lang), I'd like to propose moving this meta information about a language also to core.

Language files should contain only things that are supposed to be translated. Any other information should be moved outside of it.

1. At the beginning:

• inline: dataReady, contentDom
• framed: contentDom, dataReady

2. After editor.loadSnapshot:

• inline: loadSnapshot, dataReady
• framed: loadSnapshot

Open the context menu and try to drag one of the items: in Firefox and Chrome works and a link is inserted into the content.

v3 and IE9 work fine.

If CKEditor is loaded in a hidden iframe, icons are not showed.

If iframe is inside of hidden div, error persist, so I supposed that the error is when ckeditor is loaded when the parent box is no visible box.

This error is only in new version of Firefox. In Chorme, Shafari and Opera works ok.

Firefox 20.0 Ubuntu 12.10

I attach an example. In this example, I wait 5 second to show iframe because is necessary that ckeditor load when iframe is hidden.

When switching from html to text by clicking the "Source Button" on page error occurs and you can not go back to the text. Can anyone help me?

When you have multiple CKEditor instances in one page, nested custom config are not loading properly in IE10.

To reproduce : In the first config file, add a custom toolbar and a customConfig. In the second custom config add something else. Create a page with 2 ckeditor replace by code and pass the path of the first config and the name of the toolbar. When you load the page in IE10 you will see your toolbar in the first editor but the second will have the default one.

I will upload the replacebycode.html sample modified so you can test it. Because you need custom config, I will also upload a zip that you must unzip in the ckeditor folder. For the sample to work properly you must have something like that after you unzipped : /ckeditor/test/config.js /ckeditor/test/test/config.js

The problem is in the loadConfig(editor) function in editor.js :

			CKEDITOR.scriptLoader.load( customConfig, function() {
				// If the CKEDITOR.editorConfig function has been properly
				// defined in the custom configuration file, cache it.
				if (CKEDITOR.editorConfig )
					loadedConfig.fn = CKEDITOR.editorConfig;
				else
					loadedConfig.fn = function() {};

				// Call the load config again. This time the custom
				// config is already cached and so it will get loaded.
				loadConfig( editor );
			});

For a reason unknown to me, in IE10, it seems like the callback is called with the wrong "context". After some call, the callback will be called with the config of the second customConfig but the loadedConfig will be the one of the first config. So it will overwrite the first config with the second one.

Not sure if this is clear. But you can put a breakpoint on "if (CKEDITOR.editorConfig )" and you will see.

Right now I have fixed the problem in our production environment like that :

			CKEDITOR.scriptLoader.load( customConfig, function() {
				// If the CKEDITOR.editorConfig function has been properly
				// defined in the custom configuration file, cache it.
                                if (!loadedConfig.fn && CKEDITOR.editorConfig )
					loadedConfig.fn = CKEDITOR.editorConfig;
				else if(!loadedConfig.fn)
					loadedConfig.fn = function() {};

				// Call the load config again. This time the custom
				// config is already cached and so it will get loaded.
				loadConfig( editor );
			});

But i'm not sure this is the best way to fix it because it may causes more recurssion.

I'm using ckeditor in my ASP.Net MVC 3 project, which structs with jQuery 1.7.2 and jquery.easyui. In this project, I created a View with ckeditor textarea in it, while the page reloading, the explorer shows an error: "unescape" undefined. Here is my way to init ckeditor:

var g_Editor;
function initCKEditor() {
    g_Editor = CKEDITOR.instances['txtContent'];
    if (g_Editor) {
        CKEDITOR.remove(g_Editor);
    };
    g_Editor = CKEDITOR.replace("txtContent");
    g_Editor.setData($("#Content").val());
}

And I use "g_Editor" to get data from the ckeditor textarea. If the code is removed, the error "'unescape' undefined" is gone too... Is there something wrong with my code? Or this is a bug?

Steps:

1. Open Firefox.
2. Change the User Agent to iPhone 3.0
3. Open this URL ​http://ckeditor.com/demo#standard
4. Nothing shows up.

Please fix this ASAP. Its a very high priority, showstopper issue, as no- iphone\chromebook user are able to add comment in our website as the comment box is using CKEditor.

I am running in to an issue with both Chrome and Firefox where under certain circumstances when I hit the View Source button <br> elements are being replaced with an encoded space (&nbsp;).

The consistently reproducible example I have found is to have a <table> with a block element (<div>, for example) after it. If I click after the table in ckeditor, do SHIFT+ENTER for a line break, the cursor moves down and viewing source on the editor does indeed show a <br>. However, when I click "View Source", the <br> is changed to &nbsp;. Going back to editor view, it once again becomes <br>.

I have setup a demo of this issue with the steps to reproduce here:

​http://www.usasean.org/ckeditor4/

I am using the inline CKEditor. I have many text boxes on the page. When I click on the text box on which the inline CKEditor is used, I get the current instance using CKEDITOR.currentInstance. But when I visit the text box by pressing tab, I get the CKEDITOR.currentInstance as null. The toolbar is displayed in both cases('click' and 'tab focus').

Hello.

I've uploaded new version for my plugin few days ago and new files are still not available.

My plugin: ​http://ckeditor.com/addon/uploadcare

The version were 1.1.0 and 1.1.1

When I try to upload this versions again a get an error "This version number is already taken. Please choose another one."

I hope you will help me with this issue and new version will be available for download.

​http://i.imgur.com/RsykHWG.png For example, font size combobox width is hardcoded to fit "Size" word. In other languages it could be longer words. Maybe it's better to move comboboxes width to language files?

​http://i.imgur.com/IzJAJSC.png

In this particular case you can't really tell what is "Ра..." :)

To Reproduce on the Demo Page ​http://ckeditor.com/demo#full

• Switch to Source View
• Replace the Source Content with <div class="hello">This is a test Text</div>
• Switch Back to Normal View
• Insert the cursor after the end of the text Press enter
• Now it always generates an <div class="hello"></div>

But the default EnterMode is p it should generate the p tags not cloning the div tags

Hi,

There are basically 2 things I am seeking help from you. The 1 is kind of RFE\New Feature request, but the 2 is a Bug.

1#

We have configured Paste as plain text as the default setting (config.forcePasteAsPlainText = true;). However we would also like to provide option to Paste with Source Formatting(preserving the formatting). Because many time, the users copy content from the editor itself and pastes it back to the editor, but while pasting all their formatting gets lost. So we wanted to avoid such scenario. We tried using

config.keystrokes = [ [CKEDITOR.CTRL + 86, 'pastetext'], [CKEDITOR.CTRL + CKEDITOR.SHIFT + 86, 'paste'] ];

But the issue here is, it opens up popup dialog which we want to avoid. And in Chrome, the content gets pasted twice(1st by pressing Ctrl + Shift + V and 2nd through the Popup dialog.)

So how can we provide both the option (Ctrl + V => Paste as Plain Text and Ctrl + Shift + V => Paste with Source Formatting), cleanly without showing any kind of popup dialog.

2#

One minor issue we observed is, pasting text in IE 8/9/10 using Shift + Insert removes extra line spaces, with config.forcePasteAsPlainText = true;, the same thing works perfect when pasted on IE 8/9/10 using Ctrl + V. Chrome and FF works correctly though for both Ctrl + V and Shift + Insert.

Any help would be appreciated.

Thanks in advance.

Somehow nobody didn't notice it earlier. Reported via email.

'<table style="width:150px;float: right" cellspacing="0" cellpadding="0" border="1">' +
	'<caption style="border:solid 1px black">' +
		'<strong>Table title</strong>' +
	'</caption>' +
	'</tr>' + // <----------------------- This is wrong.
	'<tr>' +
		'<td>&nbsp;</td>' +
		'<td>&nbsp;</td>' +
		'<td>&nbsp;</td>' +
	'</tr>' +

The "Image and Title" template used to work in a bit specific way till 4.0.3. A template with an empty image has been inserted into the editing area. It was enough to double click on the image and set the URL in order to replace the empty <img> tag with a valid one.

After introducing ACF, the empty image is simply stripped, so it is somehow confusing that the image from a template does not appear at all.

I guess the most reasonable solution would be to insert a generic image instead of an empty tag, e.g. template1.gif that is provided with the templates plugin anyway. This way the default template would work even if one remove the samples folder (in case we wanted to use samples\assets\sample.jpg instead)

We have an issue where the red underline on some words is showing as a red box that is large and causing a problem with display.

Using ATD plugin for ckeditor.

I have a template, which can be inserted from the template icon, which is contained in a div tag:

<div class="property"> <img style="margin-right: 10px" height="100" width="100" align="left"/> <h3>'Type the title here'</h3> <p>'Type the text here'</p> </div>

If I try to insert a second template it is inserted within the first div tag:

<div class="property"> <img style="margin-right: 10px" height="100" width="100" align="left"/> <h3>'Type the title here'</h3> <p>'Type the text here'</p>

<div class="property"> <img style="margin-right: 10px" height="100" width="100" align="left"/> <h3>'Type the title here'</h3> <p>'Type the text here'</p> </div>

</div>

I want to insert it after the first div tag but am unable to move the cursor focus outside the first div.

The same, or very similar, issue has been reported on the forum at ​http://ckeditor.com/forums/CKEditor/Issue-in-generating-markup so I suspect it is probably a general issue rather than specific to templates.

This simple test completely fails in IE and has a JS error on Firefox. (CKEditor 4.1.1)

I tested with IE8, but I think it exists in all versions of IE. (The editor is not editable at all)

The error (in IE) says:

Access is Denied.
http://.../.../ckeditor/plugins/wysiwygarea/plugin.js - line 98 - char 6

<!DOCTYPE html>
<html><head>
	<script type="text/javascript" src="../ckeditor.js"></script>
</head><body>
	<textarea id="editor1">CKEditor!</textarea>
	<script>
		document.domain = document.domain;
		CKEDITOR.replace( 'editor1' );
	</script>
</body></html>

In Firefox (20), a JS occurs, but editor is editable and functional:

Error: Permission denied to access property 'setTimeout'
  ---   return ownerWindow.setTimeout( function() {
  tools.js (line 423)

It seems, this is because CKEDITOR.env.isCustomDomain() is incorrectly returns False when document.domain is touched but not changed.

Note, that touching document.domains is necessary when a page wants to interact with an iframe of it's subdomains.

ckeditor not working in Mobile safari 1.1.3 IPhone and Ipod touch

ckeditor not working in Mobile safari 1.1.3 - IPhone and ipod touch

There is lag on pressing Enter on pages with a number of misspelled words. I used the page from CKEditor demo with random modifications (~30 spelling errors). After that you can notice lag on pressing Enter. Source code of the page is attached.

I assume undo.Image.equals is causing the problem.

Hi, We are facing problem of fckeditor in IE10. Right now we are using FCKEditor version :2.6.9.

We are getting below issue in IE10. SCRIPT438: Object doesn't support property or method 'selectSingleNode'

Select any text and apply background color.

In Chrome, text is shown as selected. But in FF, there is no selection shown and hence it looks like that the color was not applied at all(unless u click and see).

Also, after clicking and seeing what background color has been applied, try selecting and the text again and the text with the background color, the selection color is absent and it looks dirty.

I am using CKEditor inline version 4.0.2, but i was able to reproduce it on your full featured edtior on the demo site. I am using Firefox version 20.0.1.

Steps to reproduce(FF):

1. Select some random words and apply background color to them(see attachment _1)
2. It seems that it did not work. Click inside and you will see what background color has been applied.
3. Select the complete sentence again(see attachment _2)
4. You will notice why it looks dirty

Hope I made myself clear

Hello,

I am using CKEditor with a forum that uses BBCode. The plugin works great for the most part, but it produces incorrect output for quotes.

When the plugin is given a quote tag like this:

[quote="user"]
text
[/quote]

it displays the content of the quote as:

"user"
text

When I view source by clicking the source button, it shows:

[quote] "user"
text
[/quote]

All replies saved on my forum go to the database with this incorrect quote format. Please help.

Thanks!

I am creating an inline editor on a div and it creates a border around the div. I have a keyboard event so the user can press 'escape' key to finish editing. In the event I called the destroy function and the editor disappears, however the border remain until I click somewhere in the page.

When using a jquery ui dialog (​http://jqueryui.com/dialog/#modal-form) after you open the dialog and click on a menu item the second time that it is clicked it doesn't work.

This seems to be limited to the Styles,Normal,Font,Size toolbar items, things like Bold,Italic, About etc seem to work still.

See attached for an reproducible sample, the form that isnt part of the dialog works correctly and the other form when the same menu item is selected again when it is still selected a javascript error is thrown.

That error is

TypeError: $.contentWindow is null
file:///C:/Users/Daniel/Desktop/New%20folder/ckeditor/core/selection.js
Line 1266 

I have tested this against the latest nightly (05-May-2013 at 07:41 UTC) and against the latest stable (4.1.1) and the latest from github (ckeditor-dev) master 2f39835f702191bf51cf5b238088ea0198f40959

Hi,

I'm a QA at Affiliate Window in the UK.

We use your tool CKeditor 4.1 for our users to edit certain pages on system. A user has found an interesting bug that our developers can't fix and I woundered if you guys can help.

The issue: For some parts of the text when we make it to be bold and italic, it only applies the italics. In order to get bold and italic letters, you need to choose bold – save – edit again – choose italics.

Insert this code:

<iframe id="foobar" src="http://www.ckeditor.com" frameborder="0" width="100%"><p>If you can read this, your browser doesn't support frames. <a href="http://www.ckeditor.com">Click here</a>.</p></iframe> 

An extra iframe is generated, and all other tags are stripped from inside the <iframe>-tag.

If you remove the <p>-tag from the inside of the <iframe>-tag, no extra iframe is generated, but all other tags are still stripped.

I am using ckeditor 0.4 version and testing it's functionality on ie 8. When I add table from toolbar first time, it works fine but when I add it the second time, it throws exception Invalid Argument exception on 'moveToElementText' field.

On debug I got exception on this line

x=t.duplicate(); x.moveToElementText(v); x.collapse(false);

I have spent quite some time on it but unable to find solution for it.

When text do not fill whole width in editor, the right click is not caught