When trying to use prettify here on Defective Semantics I ran into problems with firefox. Here are the errors from the error console:
Error: undefined entity
Error: uncaught exception: [Exception...
"Component returned failure code: 0x80004003
(NS_ERROR_INVALID_POINTER) [nsIDOMNSHTMLElement.innerHTML]"
nsresult: "0x80004003 (NS_ERROR_INVALID_POINTER)"
location: "JS frame :: hxxp://example.net/prettify.js ::
replaceWithPrettyPrintedHtml :: line 1414"
data: no]
My insistence on trying to use XHTML on the blog is partly to blame. Prettify tries to add “ ” entities to the source (even if it’s a pre element) to appease Internet Explorer. This entity only semi-works in XHTML: I’ve run into similar problems with some HTML entities not being loaded, because some browsers don’t load the DTD (which in turn loads the entity sets). It also appears that while Firefox claims to support HTML latin 1 entities in a document with a PUBLIC XHTML identifier, it doesn’t actually reparse innerHTML assignments according to those rules.
My solution is to add a conditional test for XML. Having a look at the Javascript document object there doesn’t seem to be a reliable way to detect whether the browser is treating the document as XML from javascript. My best attempt was:
document.xmlVersion && (document.compatMode=='CSS1Compat');
which works for Firefox and Opera.
As a separate issue, Chrome and Safari (and presumably anything WebKit based) don’t allow assignment of innerHTML for XML documents, giving NO_MODIFICATION_ALLOWED_ERR: DOM Exception 7.
Fixing prettify to use only DOM methods instead of building up a string and assigning it to innerHTML could be a lot of work. At least this exception, unlike the Firefox error, doesn’t leave the pretty-printed block in an inconsistent state.
I submitted a patch to the prettify issue tracker.