Ckeditor issue with malformed html - javascript

I'm having a huge issue with a customer. I provided him a CMS that allows you to send mails, can edit them from the ckeditor. Last week, he edited one of them, and left some malformed html there... it was something like:
<a href="mylink.html" _blank">
That small piece of malformed html caused ckeditor to crash the entire page next time he tried to access the edit mail page. Ckeditor is not replacing the textarea also, sounds reasonable.
I'm not getting any error on the script, anywhere in chrome. Just Firefox tells me that the script timed out.
Will appreciate any help, due that I'm stuck with this issue.
Thanks so much in advance!

Try this if you can modify the html
Som Text/image

Related

How can i hide my html source code from getting copied?

How can i hide my page source from getting copied just like https://www.google.com
Please help me with any solution.
Is there any plugin need to add,please suggest me.
Hiding html sourcecode is not possible. The browser has to understand what you want to show and therefore needs to know your code.
Google does not encrypt the sourcecode. It is hard to read because a lot is going on but if you copy the sourcecode and paste it in notepad. You will have the same html markup.

Mottie jQuery Tablesorter filters not loading on the page

I'm having a terrible hard time at trying to get the Mottie Tablesorter plugin to work properly on my HTML page.
I'm designing the front end of a website for someone, and I need the advanced filters provided with this plugin:
http://mottie.github.io/tablesorter/docs/example-widget-filter-formatter-1.html#demo
I have downloaded the files in .zip format, extracted them and placed them in my project, and made sure all the links work properly and that the page can read them.
I have copy/pasted the stuff from the demo with the multiple types of filters across all the columns (in the code quotes) into my HTML page.
However, the second table header row inside the table header doesn't appear.
I can't figure out what it is that I'm doing wrong.
Here's a screenshot of what gets rendered on the page + the offending code inside the web inspector of Safari: http://puu.sh/dqzNX.png
As you can see, the second table header looks like it is trying to display, but it's empty?
And it seems like it generates a search for searching by text, but is set to hidden (I don't know why)
And it also generates the correct amount of TH's, but all of them (apart from the first one) are empty!!
I've been banging my head against a wall over this for 4 days now and have no clue!
Can anyone else get this demo to work properly?
Many thanks for taking the time to read all of this!
Looks like I must not have been pulling jQuery UI into my project properly, as when I started from scratch it all looks like it's working now! -- My bad, thanks for the help though, great table filtering!
In my haste I also seemed to have put a css CDN into a script src tag, causing some style errors where the date picker was below the table before it had been selected and had a transparent background. That had me stumped for a good 20 minutes until I realised my mistake!

Gap above header breaking page in Chrome/Opera

I have a gap appearing above the header of my page in Chrome and Opera which is breaking the navigation and other parts of the page. Please see here.
I had this exact same problem before rebuilding my site but can't for the life of me remember now what the problem was or what I did to fix it... hopefully it is not something too stupidly simple and obvious, and allow me to apologize in advance if it is, but I'm feeling a bit too mentally drained to even think straight enough to figure it out at the moment, despite my best efforts.
I suspect it may be somehow related to the simple PHP script which randomly loads either index1.html or index2.html from the root directory, since if you go to either URL directly (ie. http://samnorris.co.nz/tesla/index2.html) the problem is no longer apparent... I'm not sure if some kind of invisible error is being spit out or something which is breaking the page?
This is the PHP script which is contained in an index.php in the root dir
<?php
$randNumber = mt_rand(1,3);
if ( $randNumber == 1 )
{
include 'index1.html';
}
else
{
include 'index2.html';
}
?>
I have checked the Web Inspector tools in Chrome but am not overly familiar enough to know how to interpret it properly, there seems to be one small error relating to part of a script in siriwave.js - but I don't think it is related...
I'm at a bit of a loss, so any help at all would be appreciated!
The response of http://samnorris.co.nz/tesla/index2.html and http://samnorris.co.nz/tesla/ are not the same.
http://samnorris.co.nz/tesla/index2.html
http://samnorris.co.nz/tesla/
Due to the presence of <U+FEFF><U+FEFF>
The whole parsed HTML is getting malformed for http://samnorris.co.nz/tesla/
The tags specified within head are appearing within body.
What is injecting these <U+FEFF><U+FEFF>extra characters?
You should try using W3C Validator
<head></head> element is empty. Your meta,link, tags are below your head.
Okay, definitely solved it this time. Seems this was the issue: http://wordpress.org/support/topic/weird-characters-inserted-before-doctype
something to do with incorrectly formatted UTF encoding in the php file... very weird indeed.

Adding hyperlinks into xml file

I purchased a script online that's no longer supported and I just need one last functionality to finish off my project. One detail the client needs is to have a line of text link to another page in the site.
I do not know a whole lot about xml, but I understand it doesn't support html to include hyperlinks.
This is a quiz where users must answer specific questions in order to move on to the next step. It's fed into a div by a js file, I think, but I don't understand how it works. I'm not going to post any code just yet as I'm just reaching out for some advice right now and if what I want to do is even possible.
Is there some kind of a workaround? I've Googled plenty of sites with code chunks and have done a lot of experimenting, but I mostly just break the page the xml displays on.
Thanks.
Dont use the actual xml syntax of tags like <a></a>. Better replace these with other symbols like [a][/a]. When you output the code, simply replace [ and ] with < and >
You replace code before you put it into a div could look like this:
xmlAsString.replace(/\[/g,"<").replace(/\]/g,">");
edit:
I totally forgot about CDATA.
Forget my previous answer. Just add the <![CDATA[...]]> Tag around the anchor in your XML:
<![CDATA[link]]>

Can't find html table on source code of a website

I'm a member in a website and there's a huge (automatically generated) HTML table on this PHP page that is only available to me and I wanted the table source code because I want to copy it to a HTML page on my computer to then process it with a program.
The problem is that when I right-click to display the page source code it works. However, I'm tired of looking at the source code and inside all the linked JavaScript files. I can't seem to find the table or any data of it on the scripts/page source codes.
I can select the table data and copy it, but it is just the data. It doesn't say anything about flash, so I'm assuming it's not flash. The data of the scripts/pages isn't obfuscated, it's easily human-readable.
I used Google Chrome's 'inspect element' and it worked.
I was thinking on doing a PHP script that would import data from a similar table, but I will have to know more about a lot of stuff mentioned here.
What can I be doing wrong or what can cause this kind of behavior?
Two possible reasons could be that the table may be returned from an AJAX call to another page that returns the HTML for the table, or they could be generating the table's html code and contents on the fly from a list of values coming from javascript or some other source rather than serving the HTML output to you from the server side.
Something you can do to figure it out is see if there are any empty div or other html elements where the table appears to be inserted, and search their javascript files for references to those elements. That may shed some light on how they populate it.
Feel free to update your question with the raw html (where you don't see the table) and maybe some javascript and we can look. Use pastebin if it is a lot of content.
Would it help to use the Firefox plugin called Firebug?
Using this plugin you can click on an area of a page to see the code displayed in the Firebug section at the bottom of your window.
Here are the details: https://getfirebug.com/whatisfirebug
Maybe the table is generated with a JS script, if that's the case, doing right click and "View source" would not show you the html. You need to use something like Chrome's devtools. Open google chrome and visit that page, once there, right click the table and select "Inspect element", the devtools will open and then you'll see the table's code, right click it's opening tag and select "Copy as html".
Let me know if that works :)
Try a developer extension like http://getfirebug.com/ The underlying source code may not reflect output due to how much the DOM can be modified by javascript with extensive use of ajax. This plugin will permit you to view elements as they're interacting with the browser.
its probably that the table is dynamically generated on the fly so looking at the source code won't actually give you much. try looking at the "GENERATED" source code or inspecting the DOM using Firebug, or the Developer tools of chrome/safari.
Or better yet, try your hand at web scraping:
http://vancouverdata.blogspot.com/2011/02/how-to-web-scraping-xpath-html-google.html
Although I'm not sure if it'll work for pages that need a login. But hey, at least you learned something new :p

Categories

Resources