The TinyMCE problem

[xmanhattan]

Hello all,

I am separating this discussion from another https://forum.elxis.org/index.php?topic=6960.msg44977#msg44977 to see if others are having a similar problem using firefox and tinymce.

The Problem
While in the edit area from the front page some users are not seeing the cursor or anything they type in the intro edit window.

Possible Causes
While testing in firefox, I turn on the web developer to see what was happening and noticed that there was some interaction between the firefox add-on and tinymce.

I am showing what firefox add-ons I have installed and enabled.



Please answer this post only if you are seeing a similar problem, list or take a screen shot of your enabled add-ons for comparison.  Maybe we can pin-point what is causing this.

[Tank]

Hi,

I just installed the latest Elxis Aphrodite release, everything is default and I'm using its-elxis template. I am testing Elxis on my local machine to see if I will use it as a live site.

I am having similar issues (and more) with Tinymce. I have tested this in firefox and google chrome. I don't have extensions installed on chrome and only a "contribute" addon in firefox.
Problems:
Not seeing cursor sometimes.
When activating the area, it is always centered.
After typing in text and want to change size.. the styles are not being applied. --- I would highlight a certain text after I type it.. try to change the size from the "Size" select box... but the changes do not take place. When I click on "Html" to see the source I can see a <span> tag added however the size attribute is not applied.

I have tried other options to change text in Tinymce and seems these are the only problems I found so far. Are there any fixes?

Thanks.

[apkoutsou]

@xmanhattan:
I have a similar problem in back-end with the new version of EventCalendar I'm currenty developing: if I place two TinyMCE editors in the same Tab, then the second one behaves the same way you described. It seems that TinyMCE is "sensitive" to other javascripts, like the tabulator script. I have yet found a workaround... Do you have any other javascripts enabled?

@Tank:
Most of the styles that you define inside the TinyMCE editor do not apply to the final result when the item is displayed. That is because the style is manipulated mainly by your template CSS files. So if you want to change e.g. the style of a span tag, you have to add/change the corresponding class in your template CSS file (customize.css).

[xmanhattan]

Fixes will come later and probably from datahell as they will ultimately be made by TinyMCE which is a third party editor.

apkoutsou, can you list what add-ons you have in firefox.

Thanks

[Tank]

@xmanhattan:
I have a similar problem in back-end with the new version of EventCalendar I'm currenty developing: if I place two TinyMCE editors in the same Tab, then the second one behaves the same way you described. It seems that TinyMCE is "sensitive" to other javascripts, like the tabulator script. I have yet found a workaround... Do you have any other javascripts enabled?

@Tank:
Most of the styles that you define inside the TinyMCE editor do not apply to the final result when the item is displayed. That is because the style is manipulated mainly by your template CSS files. So if you want to change e.g. the style of a span tag, you have to add/change the corresponding class in your template CSS file (customize.css).

Hi apkoutsou, thanks for the reply.
But, correct me (again) if my thinking is wrong. I always thought that CSS styles are applied in a hierarchy format, first is applied from css file, then those included in head and lastly those applied directly in the page.
When changing style using Tinymce a direct style is added to the selected text using <span style="">text here</span> So, these style would be applied while general styling from the customiz.css will be ignored but only to the selected text(s).

Just as when I change the color of a specific text Tinymce auto adds the styling <span style="color:#ff0000;">text here</span> and text is red. The bug I'm seeing here is when I try to change the font size the span tag is not being affected... meaning it stays <span>text here</span> instead of adding the style="font-size:##;"
customize.css does its job quite well but sometimes when posting and creating pages, you want certain texts to be bigger/smaller for various reasons. I don't think disabling this ability is adding to the flexible factor of Elxis. So, I'm thinking this isn't disabled in Elxis but either a bug from Tinymce, javascript file, or the template.

[Webcrawler]

Hi Xmanhattan,

I found a post in the TinyMCE forum related to this issue: http://www.tinymce.com/forum/viewtopic.php?id=28400. if you try the suggestions, please let me know which one works best for you. Thanks!

[xmanhattan]

Yes, that appears to be the problem.  They mention that there are numerous versions to date and that it is best to upgrade to solve the problem.
There appears to be some alternate quick fix as well in the case where upgrading may not be easily done.
Datahell and webgift will probably want to take a look at that post.

Good job finding that Webcrawler!

[Webcrawler]

On a related issue, the TinyMCE editor does not show up on the backend when I am using Windows XP Pro. This happens in both Firefox 11 and IE 7. On the other hand, when I use Windows 7. The TinyMCE editor will show up in Firefox 11 but not in IE 7. My site configuration is set to TinyMCE editor. Comments will be appreciated.

[Webcrawler]

Elxis has been working great so far. I was able to put a site together without any PHP knowledge. Everyone has been very helpful. Thank you!

Any plans to upgrade TinyMCE (front & backend) soon? The frontend editor is also missing the preview feature.

[webgift]

Hello,
I faced the same problem today and when i disabled Web developer add-on from Firefox that everything work properly.
- In case that this issue still exist try to click 1 or 2 time the F5 button for refresh!

Can you confirm that?

[xmanhattan]

I also found that if I click on apply to save the page that it showed the data in the edit areas.

Your way works too.  I guess that it may have something to do with web developer for FF unless the others do not have it installed.

[webgift]

So!
The good news:
- There are several solutions here.
The bad news:
- We can't upgrade the version of TinyMCE Editor. The current editor's version has been modified through Elxis CMS requirements.

[xmanhattan]

I suspected this.  For me it is okay as normal users do not have the same add-ons and may not use FF.

Thanks to all

[ahmet]

I have a similar problem..
on firefox backend tinymce doesnt appear.
on explorer seems but not correctly..
no addons on mozilla...

[xmanhattan]

FF has released version 12 and I have updated it.  I checked to see if it makes a difference and it looks like it is working again properly.