Tiny MCE Editor issue on Joomla 1.5 - javascript

I have a Joomla admin panel build on Joomla 1.5 , and it uses tinymce 2.12 . The problem with the editor occurs in chrome . Works fine in firefox.
Here is the Image of tiny MCE on Page load.
When i Click on HTML it pops up the html editor . Image:
As I press the update Button in popup , the tiny MCE edior turns out GREY and doesn't allow any editing .Image :
Although on Save and Apply The content added in popup is saved properly .
Can anyone help me out what is the issue with the Tiny MCE not performing well in CHROME ? is there any update of TinyMCE for joomla 1.5 ? I tried with tinyMCE 3 for Joomla 1.5 But that doesn't work .
Thank you !

You should update TinyMCE to the latest version. You can just download the latest version from TinyMCE's official website and extract to the correct directory under Joomla. Make sure that you backup your Joomla website before and make sure that you delete the previous TinyMCE core files before uploading the new ones.

Related

Issue with Upgrading TinyMCE version to 5 on FormBuilder

We have been using FormBuilder to build forms wherein we use TextArea with TinyMCE (version 4.* by default).
We tried to upgrade the TinyMCE library by replacing the existing TinyMCE CDN link - with version 5.* CDN link - in to form-builder.min.js.
this.js=["https://cdn.tinymce.com/4/tinymce.min.js"]
to
this.js=["https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js"]
After upgrade, it started giving issues when we have multiple TinyMCE elements on a single page as shown in the image:
TinyMCE with Form Builder
Have also tried to include self hosted TinyMCE library which is also giving the same issue. The TinyMCE version 4 was working fine when we use from CDN, but including local libraries for TinyMCE 4.* and using CDN for TinyMCE 5.* is also not working.
Looking for help to correctly upgrade the TinyMCE version on FormBuilder.
Thanks.

Facebook Comment Box Disappears in Accordian

I have two examples of Facebook comment box failing to load when an accordian is collapsed and reloaded. One HTML/JavaScript basic and the other in a Wordpress site via Visual Composer - this problem also occurs in numerous other accordions
HTML Example - http://iknowdigital.co.uk/htmlexample/
Wordpress Via Visual Composer http://thesingingmajor.co.uk/test-comment-box-martin/
I have contacted Facebook Support and Visual Composer support and neither can help out.
here are the replies
From VC
Hi Martin, The issue is not with the iframe, but the js that facebook comments use to render. It is not able to re-initialize itself when it is displayed as hidden and hence the issue occur. You can see that when you add nay iframe, it works fine without any issue. It is the js from the comments which is restricting it. As mentioned previously, it will require some custom js code to re-initialize this loading when the closed (hidden) accordion is opened. Kindly check.
From Facebook
Hi Martin,The issue here is the way the library is working. If you debug the code you'll see the plugin does not disappear, the issue is that the library is changing the width of the iframe that contains the plugin to 0 and you cannot see the comments plugin. In order to avoid this situation you will have to manually change the width value again and you'll see the comment plugin is still there. I'm going to close this bug as "By design" as this is not an issue in our side.
I'm not a javascript programmer, so am really at a loss here. Can anyone chip in with some advice here?
Thanks Martin

jQuery conflicts using Content Carousel with Bootstrap 3 and Fancy Box

I am working on a site that is using the Circular Content Carousel from Tympanus in conjunction with FancyBox on a site built with Bootstrap 3. I've noticed however, that the collapsible mobile menu that is part of Bootstrap is not working on this page. I realized that Content Carousel is using jQuery 1.6.2 while Bootstrap uses 1.9 or higher. When I remove the link to jQuery-1.6.2 the mobile menu works but the Carousel breaks, and when I remove jQuery-1.11.1, the carousel works but the mobile menu is broken. Linking both results in the carousel working but the mobile menu not working. I've tried using the jQuery.conflict script to no avail (whoever built the site had already begun to implement this unsuccessfully).
I've tried changing lines 217 and 227 of the contentcarousel.js file from .live to .on as per the stack overflow link here and removing the older jquery file. Now everything almost works except when you click on the + sign to enter the lightbox and then exit out of the lightbox, the content carousel no longer works. I've also noticed that after this change, when you hover over the dropdown menu, it stays in an active 'mouseover' state.
The site is here http://smmcnyc.com/work/bnc/history.html with history2.html being the version with the modified contentcarousel.js file.
Suggestions? Advice? Please help!

Zurb Foundation 5.1.1 Javascript bug

I wanted to design a basic website or basically edit one of zurb foundation's templates. So I download the zurb foundation package and edit the code. Everything seems to be working fine but when I refresh the page . Some Jquery elements don't seem to work.
Eg : I had a carousel implemented and upon refresh , the indicators are not showing and it resizes automatically .
However , everything jumps back to normal like it should when
I open up the Inspector
I resize the browser and back again.
This is quite a bizzare experience. I have used bootstrap before and never seen it . Any leads to how this can be solved or is this a bug in the foundation docs ?
This sounds like a known issue with 5.1.1.
See https://github.com/zurb/foundation/issues/4466
I had a similar problem - this only occured when using the non-minified scripts.
To fix the problem I manually incorporated the changes made in this commit:
https://github.com/zurb/foundation/pull/4436/files

Mobile collapse bootstrap not working in Chrome

I'm fairly competent with HTML and am working with Bootstrap for the first time, but I can't seem to get the mobile collapsible menu working on Chrome on the desktop (and presumably some other browsers).
Safari on iOS 7 with default mobile responsiveness shows the menu fine when clicked, but nothing happens when you click it in Chrome on the PC when the browser is resized to a mobile-like width.
Sorry if it has been said before - just went through the code and couldn't really understand why it wasn't working! :(
First time on SO and can't figure out how to put my HTML in here, so here it is.
Thanks peeps :)
You have linked jQuery from Google CDN and hosting your website from Dropbox. Dropbox does not allow external linking of script and font files.
So you are getting an error on your page:
Host the jQuery file on your website and link (internal linking). Like for example put jQuery in JS folder and link:
<script src="js/jquery.min.js"></script>
Problem will be gone. Hope this helps!

Categories

Resources