CKEditor Rails blank page after youtube-video added on update - javascript

I use ckeditor gem https://github.com/galetahub/ckeditor/
I add video from youtube on edit page and click Save -> blank page, and in URL-adress there is "data:," (every time same).
Content of editor saved, but every time user needs to click "back" button.
I use google and found just this: http://ru.wikipedia.org/wiki/Data:_URL
P.S.: in Firefox there isn't this bug, only in Chromium/Chrome
Rails 4, in dev/prod both

I have the same issue, I suspect most users will too.
If I get time today I plan on investigating this further but for now I will raise an issue in the Github Repo.

I had a blank page issue after upgrading to the newest ckeditor 4.5. All I did to correct it is to go the top of the browser of the editing page and refresh. Then everything started populating correctly. I hope this works for you as well. Give a feedback if it works. Thanks.

Related

Javascript - Page slow to show after not being the active tab

So I have developed a webpage containing some javascript and a couple of HighChart charts.
The page generally works great, every few seconds data is fetched from the server using an ajax request, and the chart is updated.
The issue happens when I have switched to a different tab for a few minutes and then want to go back. The page can take a very long time to show up. This happens on both Chrome and Firefox.
I couldn't really find out how the browser is handling javascript and page updates in non-active tabs, but it seems to be related at least.
Any ideas on how to improve the time it takes for the page to show?
To be perfectly clear, the page has no visible performance issues while it is the active tab.
So it turns out we froze highcharts just a couple of versions before this fix went in.
When we upgraded the version, everything worked great!
Many thanks to #WojciechChmiel for pointing me in the right direction.

Website - Keeps reverting back to old version after changes have been made?

So I've created my website using HTML, CSS, Javascript, Bootstrap and PHP. Now I created a basic website and I decided to change a few things on it. So I have done this by opening up Notepad++ and changing things like spelling and glyphicons and then I save the changes and then click run in Notepad++ and all is great in the browser. Changes applied successfully. Then I go back to my folder and open with either chrome, IE or firefox and again great the change was successful.
Though as soon as I click on a tab to got to another newly changed page the changes aren't there and it's reverted back to an older version. Then I'll click to go back to the page I was just on and it will have one or two of the features I've just changed but the rest has reverted.
But if I go back into the folder or Notepad++ and run the index.html or about.html file then it's fine again until I navigate the pages then it starts reverting back.
I need help as this is such a pain and I have no idea why it's not just updating?
Any questions please just ask. Been at this for three days!
I think you should check if your hyperlinks are linking to the right pages. Maybe you renamed your pages? Make sure you run the right, changed, index.html from the right direction in your browser, not the old version.

Facebook 'Like' Dialog Appears and Immediately Disappears

I've been having an issue with the Facebook Like button for quite some time. I've looked all over for a solution but am quite stuck. The error occurs on my site www.MapYourVote.com. When you go to a poll page and click 'Like' the dialog appears and quickly disappears. At the same time, the counter also goes to 1 and quickly goes back to 0.
The problem is always solved for individual poll pages by using the Facebook Debug tool (http://developers.facebook.com/tools/debug). Once you use it on the url, the like button will work as expected. The issue is my website is dynamic and I can't use the Facebook Debug tool every time someone creates a new poll. The Facebook Debug tool does not reveal any problems (apart from og image size but I doubt that's the issue).
Here is an example of a page in which the Like button does not work. If you were to enter this url into the Facebook Debug tool, the Like button would work.
http://www.mapyourvote.com/Poll/Election-Result-Feelings/
Any help would be much appreciated!
I also had this problem. I was constructing a referrer url to give link-sharers a credit, so there was a different url for each user that wanted to share something. The referrer link would give the user credit and redirect to the login page of my site. With this configuration, the like dialog would appear for a moment and then disappear again, unless I went to facebook's debug tool.
What fixed the problem for me was to change from a redirect to rendering the page directly from my referral link. In fact, I changed the referral link to be a ?r=refid parameter on my root page URL. It appears to work correctly if facebook doesn't have to follow a redirect to get the og: data.
I had a similar problem and it turned out I had too restrictive cookie policy set in my browser - I only allowed Facebook to use 1st party cookies. When I allowed Facebook to use other cookies, the problem was solved. It's hard to debug when no error appears other than the immediate pop-up closeup.
I had the same problem. It was caused by url value in data-href attribute. I had there url pointing to my localhost.
When I changed the url to existing one, problem was solved.
Hope it helps
For me, the problem (Like popup disappearing after a second) was happening when the Like button URL redirected to another URL.
The fix was to add og:type, og:url, and og:title (required per https://developers.facebook.com/docs/reference/opengraph/object-type/website), then running the URL through the Facebook debugger to clear the cache (https://developers.facebook.com/tools/debug).
More at https://stackoverflow.com/a/16597060/2391566

Nivo slider images flashing when pulled from database

I'm trying to use Nivo Slider with a database of images. It works, but images don't load properly. Instead, they flash. It appears as though they're completely reloading every time, instead of only on the initial load. It's a strange issue.
It's on this page: http://www.holyfamilyshorewood.org/
Someone else set up the database, so I'm not entirely sure how to fix this issue.
This issue only appears in Chrome. But there is a fix for that.
Instructions are for IIS6 but i guess it is basically the same for IIS7.
Open IIS and navigate to the folder in the website which contains the
images you're having problems with. Right click it and select Properties:
In the dialog window, select the HTTP Headers tab:
Tick the Enable Content Expiration box.
Set the Expire After option and set it to 30 Minutes, or whatever
you're comfortable with.
Press OK.
This is discussed here.

javascript - different behaviour on page refresh

I have a really weird problem.
I have a site (running wordpress), and I use jquery roundabout plugin.
When I visit the site with the address bar, the site is displayed fine. When I'm already in the site and I hit refresh - everything is messed up. I checked in both chrome and firefox, and I get the same result. In IE there is no problem.
Also, I noticed that the problem occurs only when doing a soft refresh (F5) and it's ok when doing a hard refresh (Ctrl+F5)
You can check for yourself in my test site
http://50.112.34.111
try to press enter in the address bar a few times - should display ok. try to refresh - and you'll see the problem...
First of all I would try to put the JS includes (<script.../>) in the header AFTER all CSS includes! That might already help. Since the CSS might influence your JS, JS has to know all CSS before it gets loaded.

Categories