CKEditor and TinyMCE cannot click into the text

If you have questions about using mojoPortal, you can post them here.

You may want to first review our site administration documentation to see if your question is answered there.

This thread is closed to new posts. You must sign in to post in the forums.
11/26/2011 4:28:02 AM
Gravatar
Total Posts 537
feet planted firmly on the ground

CKEditor and TinyMCE cannot click into the text

I'm finding some bad behaviour (in both Tiny MCE and CKEditor) in a site... when I edit the HTML Content, the cursor doesn't want to click into the text.  Instead, clicking somewhere in the text selects the paragraph container and puts selection handles around it - the cursor changes to a cross for dragging. I have to click repeatedly to get into the text, and it feels very sluggish.  I have tried switching off SCAYT and it doesn't seem to help. I've also tried a couple of different skins with no change. I have another site on the same Arvixe server that is not affected. Any ideas?

mojoPortal Version 2.3.7.0 MSSQL

Operating System Microsoft Windows NT 6.0.6002 Service Pack 2

ASP.NET Info v4.0.30319 Running in Full Trust

Later... OK I find that this problem IS related to the skin. Using the "hobbit" skin the problem goes away, but using the Artisteer 3 skins it comes back again. If I find a clearer pattern I will add to this post.

 

11/26/2011 4:19:44 PM
Gravatar
Total Posts 537
feet planted firmly on the ground

Re: CKEditor and TinyMCE cannot click into the text

After more testing... now really puzzled - I only have this problem on Arvixe hosted sites, and only in IE, and only on Artisteer 3 skins.

I have set the mojoPortal demo site into the same skin - no problem clicking into the text in CKeditor.

 

Any ideas why I'm getting this problem on Arvixe and not on other 2008 servers?  Or what is up with Artisteer 3 skins?

11/26/2011 6:01:22 PM
Gravatar
Total Posts 55
mojoPortal Community Expert
Arvixe Web Hosting / mojoPortal Community Liaison Looking for quality mojoPortal hosting? Try Arvixe Check out the MojoPortal Blogs at Arvixe

Re: CKEditor and TinyMCE cannot click into the text

I seem to be getting the same or similar happening. I hadn't noticed it because I generally use Chrome which works fine.

Plain text seems to work to a degree (as if each paragraph is a separate object like in a dtp program or something), but one of my HTML blocks has a largish photo in it with text to the left. When I edit using ie I see the photo but not the text. I did manage to get at the first paragraph of text by putting my cursor after the photo and pressing the down key, but its clearly not working correctly.

(btw Crispin, must say those Brecon Fans Races look great)

11/27/2011 6:57:57 AM
Gravatar
Total Posts 18439

Re: CKEditor and TinyMCE cannot click into the text

Hi,

I would use Firebug and specifically the network tab to review requests for individual items. The editors tend to load additional javascript files for various plugins and possibly there are files that have bad permission or are not getting loaded for some reason.

I would also determine what version of the editor is on the page by viewing the source you should see the version as part of the url for the main editor javascript.

If the installation has been upgraded over time, you could potentially revert to older versions of the editor which probably still live on disk under /ClientScript

The version used is configured from Web.config like this:

<add key="CKEditor:BasePath" value="~/ClientScript/ckeditor362/"/>

so if you still have older versions of the editor you could try pointing to one of them and see if the problem happens in older versions or not.

I tend to always upgrade to new versions of the editors as soon as they come out but like any software there can be new bugs or regressions in new versions even though most new versions report that they fixed a lot of bugs. I think the guys who make CKeditor and TinyMCE have a difficult task trying to essentially make a word processor in javascript and keep up with all the changes in web browsers and web standards.

It would be good to isolate the problem definition as much as possible in terms of editor version, language used (either the browser preference or what is forced by configuration), which browser(s)/versions of browsers are affected, which skins work and which do not.

Best,

Joe

11/27/2011 9:26:52 AM
Gravatar
Total Posts 537
feet planted firmly on the ground

Re: CKEditor and TinyMCE cannot click into the text

OK some more information from testing.

Editor: the problem affects both CKEditor and TinyMCE, in exactly the same way.

Browsers: the problem does not occur in Firefox 7.0.1 or Chrome 15.0.874.121m. It does occur in IE9 and IE8.

Skins: the problem does not occur in:

  • Artisteer-30alphamotors
  • Artisteer-30business1
  • Artisteer-greenlagoon
  • Artisteer-swirly1

It does occur in:

  • Artisteer-30flashclouds
  • Artisteer-30headermenu
  • Artisteer-30pattern1
  • Artisteer-30topmenu
  • Artisteer-30verticalmenu1 (and 2 and 3)

? meaning...? well the bad ones all have fixed width content with rounded corners. The good ones do not.

Environment:  the problem occurs on Arvixe hosting, but not on my "work" servers (with same skin and page content). mojoPortal reports the environments as:

Arvixe:

  • mojoPortal Version 2.3.7.0 MSSQL
  • Operating System Microsoft Windows NT 6.0.6002 Service Pack 2
  • ASP.NET Info v4.0.30319 Running in Full Trust

My "work" servers:

  • mojoPortal Version 2.3.7.0 MSSQL
  • Operating System Microsoft Windows NT 6.0.6002 Service Pack 2
  • ASP.NET Info v4.0.30319 Running in Full Trust

i.e. identical.

OK what about the web requests... well I see no bad requests in Fiddler when going into editing (on either site).

Could it be timing?

Latency:  site on Arvixe responds to ping in around 184ms

Site on my "work" servers responds to ping in around 45ms.

and Fiddler shows that most of the individual requests are about twice as fast on the site where the editor shows no problem, e.g. SessionKeepAlive.aspx in 0.11 seconds instead of 0.23s.

Verdict...?  Well it is something to do with the Artisteer rounded corners, when the site hosting is less responsive, and you are editing with IE8 or 9.  Hmm I think I'll edit in Chrome until someone cleverer and more patient than me can sort this one out!

11/27/2011 9:49:54 AM
Gravatar
Total Posts 18439

Re: CKEditor and TinyMCE cannot click into the text

Thanks, that is all helpful information.

Do you have any older versions of the editors on disk at Arvixe under /ClientScript?

Could you try changing the enabled version of the editor(s) and see if the same problem exists in older versions?

You can see the CKeditor changelog here and the TinyMCE one here. They list lots of browser specific issues especially for IE fixed in various versions but there can be regressions or new ones.

 

11/27/2011 10:39:21 AM
Gravatar
Total Posts 537
feet planted firmly on the ground

Re: CKEditor and TinyMCE cannot click into the text

The testing above was done in CKEditor 362.  I also have CKEditor 361 and it exhibits the same behaviour.

I'll hunt around for an older version in other sites and report back...

 

11/27/2011 10:43:36 AM
Gravatar
Total Posts 18439

Re: CKEditor and TinyMCE cannot click into the text

One more thought. During upgrades we never touch the skins under the site folder, though we do sometimes update the skins under /Data/skins

For the skins where the problem happens it would be good to copy them from /Data/skins into the site specific folder to confirm that the problem happens even with the latest version of the skins.

Thanks,

Joe

11/27/2011 10:49:40 AM
Gravatar
Total Posts 537
feet planted firmly on the ground

Re: CKEditor and TinyMCE cannot click into the text

Pretty sure these are the latest skins - I set this particular site up in 2.3.7.0

I've now tried CKEditor 351 but it won't load at all: I get a 404 on this request

/ClientScript/ckeditor351/plugins/onchange/plugin.js?t=B0VI4XQ

?

 

11/27/2011 10:54:33 AM
Gravatar
Total Posts 18439

Re: CKEditor and TinyMCE cannot click into the text

you could copy that plugin from the plugins folder in one of the newer versions. That was added not long ago to provide a warning if the user has un saved changes in the editor and tries to or accidently navigates away from the edit page.

11/27/2011 11:05:57 AM
Gravatar
Total Posts 537
feet planted firmly on the ground

Re: CKEditor and TinyMCE cannot click into the text

Done - same problem with CKEditor 351

 

You must sign in to post in the forums. This thread is closed to new posts.