AJAX not properly handling input

I'm creating a WYSIWYG editor that saves the page via AJAX.

How it works is you add your elements (text, images, etc) to a DIV via the editor, and when you click "save", it sends that DIV's HTML through AJAX to a script that takes this HTML and writes it into "index.html", so it'll update the front page.

My problem: if the DIV has a background image, the AJAX page screws up. Something to do with all the quotes is my guess (<div style="background-url('picture.png');">). It handles everything else fine (images, text with both single and double quotes, etc).

I was looking through Firebug, and it's reporting that it's changing t开发者_JAVA技巧he 'picture.png' to "picture.png". I've tried replacing the " before it sends, but it's still breaking on the other end from all the quotes.

Does anyone have any idea?

What language is handling your AJAX on the other end? If it's PHP, check out htmlentities(). Also, the ampersand (&) has broken my ajax requests in the past.

try dumping it server side - i'd expect its something to do with URL encoded (i.e. % encoded) quotes and/or your server side software adding backslashes