/*============================================================================== HTML2XHTML Converter 1.0 ======================== Copyright (c) 2004 Vyacheslav Smolin Author: ------- Vyacheslav Smolin (http://www.richarea.com, http://html2xhtml.richarea.com, re@richarea.com) About the script: ----------------- HTML2XHTML Converter (H2X) generates a well formed XHTML string from a HTML DOM object. Requirements: ------------- H2X works in MS IE 5.0 for Windows or above, in Netscape 7.1, Mozilla 1.3 or above. It should work in all Mozilla based browsers. Usage: ------ Please see description of function get_xhtml below. Demo: ----- http://html2xhtml.richarea.com/, http://www.richarea.com/demo/ License: -------- Free for non-commercial using. Please contact author for commercial licenses. ==============================================================================*/ //add \n before opening tag var need_nl_before = '|div|p|table|tbody|tr|td|th|title|head|body|script|comment|li|meta|h1|h2|h3|h4|h5|h6|hr|ul|ol|option|'; //add \n after opening tag var need_nl_after = '|html|head|body|p|th|style|'; var re_comment = new RegExp(); re_comment.compile("^$"); var re_hyphen = new RegExp(); re_hyphen.compile("-$"); // Convert inner text of node to xhtml // Call: get_xhtml(node); // get_xhtml(node, lang, encoding) -- to convert whole page // other parameters are for inner usage and should be omitted // Parameters: // node - dom node to convert // lang - document lang (need it if whole page converted) // encoding - document charset (need it if whole page converted) // need_nl - if true, add \n before a tag if it is in list need_nl_before // inside_pre - if true, do not change content, as it is inside a


function get_xhtml(node, lang, encoding, need_nl, inside_pre) {

	var i;

	var text = '';

	var children = node.childNodes;

	var child_length = children.length;

	var tag_name;

	var do_nl = need_nl ? true : false;

	var page_mode = true;

	

	for (i = 0; i < child_length; i++) {

		var child = children[i];

		

		switch (child.nodeType) {

			case 1: { //ELEMENT_NODE

				var tag_name = String(child.tagName).toLowerCase();

				

				if (tag_name == '') break;

				

				if (tag_name == 'meta') {

					var meta_name = String(child.name).toLowerCase();

					if (meta_name == 'generator') break;

				}

				

				if (!need_nl && tag_name == 'body') { //html fragment mode

					page_mode = false;

				}

				

				if (tag_name == '!') { //COMMENT_NODE in IE 5.0/5.5

					//get comment inner text

					var parts = re_comment.exec(child.text);

					

					if (parts) {

						//the last char of the comment text must not be a hyphen

						var inner_text = parts[1];

						text += fix_comment(inner_text);

					}

				} else {

					if (tag_name == 'html') {

						text = '\n\n';

					}

					

					//inset \n to make code more neat

					if (need_nl_before.indexOf('|'+tag_name+'|') != -1) {

						if ((do_nl || text != '') && !inside_pre) text += '\n';

					} else {

						do_nl = true;

					}

					

					text += '<'+tag_name;

					

					//add attributes

					var attr = child.attributes;

					var attr_length = attr.length;

					var attr_value;

					

					var attr_lang = false;

					var attr_xml_lang = false;

					var attr_xmlns = false;

					

					var is_alt_attr = false;

					

					for (j = 0; j < attr_length; j++) {

						var attr_name = attr[j].nodeName.toLowerCase();

						

						if (!attr[j].specified && 

							(attr_name != 'selected' || !child.selected) && 

							(attr_name != 'style' || child.style.cssText == '') && 

							attr_name != 'value') continue; //IE 5.0

						

						if (attr_name == '_moz_dirty' || 

							attr_name == '_moz_resizing' || 

							tag_name == 'br' && 

							attr_name == 'type' && 

							child.getAttribute('type') == '_moz') continue;

						

						var valid_attr = true;

						

						switch (attr_name) {

							case "style":

								attr_value = child.style.cssText;

								break;

							case "class":

								attr_value = child.className;

								break;

							case "http-equiv":

								attr_value = child.httpEquiv;

								break;

							case "noshade": break; //this set of choices will extend

							case "checked": break;

							case "selected": break;

							case "multiple": break;

							case "nowrap": break;

							case "disabled": break;

								attr_value = attr_name;

								break;

							default:

								try {

									attr_value = child.getAttribute(attr_name, 2);

								} catch (e) {

									valid_attr = false;

								}

								break;

						}

						

						//html tag attribs

						if (attr_name == 'lang') {

							attr_lang = true;

							attr_value = lang;

						}

						if (attr_name == 'xml:lang') {

							attr_xml_lang = true;

							attr_value = lang;

						}

						if (attr_name == 'xmlns') attr_xmlns = true;

						if (valid_attr) {

							//value attribute set to "0" is not handled correctly in Mozilla

							if (!(tag_name == 'li' && attr_name == 'value')) {

								text += ' '+attr_name+'="'+fix_attribute(attr_value)+'"';

							}

						}

						

						if (attr_name == 'alt') is_alt_attr = true;

					}

					

					if (tag_name == 'img' && !is_alt_attr) {

						text += ' alt=""';

					}

					

					if (tag_name == 'html') {

						if (!attr_lang) text += ' lang="'+lang+'"';

						if (!attr_xml_lang) text += ' xml:lang="'+lang+'"';

						if (!attr_xmlns) text += ' xmlns="http://www.w3.org/1999/xhtml"';

					}

					

					if (child.canHaveChildren || child.hasChildNodes()){

						text += '>';

//						if (need_nl_after.indexOf('|'+tag_name+'|') != -1) {

//							text += '\n';

//						}

						text += get_xhtml(child, lang, encoding, true, inside_pre || tag_name == 'pre' ? true : false);

						text += '';

					} else {

						if (tag_name == 'style' || tag_name == 'title' || tag_name == 'script' || tag_name == 'iframe') {

							text += '>';

							var inner_text;

							if (tag_name == 'script') {

								inner_text = child.text;

							} else {

								inner_text = child.innerHTML;

							}

							

							if (tag_name == 'style') {

								inner_text = String(inner_text).replace(/[\n]+/g,'\n');

							}

							

							text += inner_text+'';

						} else {

							text += ' />';

						}

					}

				}

				break;

			}

			case 3: { //TEXT_NODE

				if (!inside_pre) { //do not change text inside  tag

					if (child.nodeValue != '\n') {

						text += fix_text(child.nodeValue);

					}

				} else {

					text += child.nodeValue;

				}

				break;

			}

			case 8: { //COMMENT_NODE

				text += fix_comment(child.nodeValue);

				break;

			}

			default:

				break;

		}

	}

	

	if (!need_nl && !page_mode) { //delete head and body tags from html fragment

		text = text.replace(/<\/?head>[\n]*/gi, "");

		text = text.replace(/[\n]*/gi, "");

		text = text.replace(/<\/?body>[\n]*/gi, "");

	}

	

	return text;

}



//fix inner text of a comment

function fix_comment(text) {

	//delete double hyphens from the comment text

	text = text.replace(/--/g, "__");

	

	if(re_hyphen.exec(text)) { //last char must not be a hyphen

		text += " ";

	}

	

	return "";

}



//fix content of a text node

function fix_text(text) {

	//convert <,> and & to the corresponding entities

	return String(text).replace(/\n{2,}/g, "\n").replace(/\&/g, "&").replace(//g, ">").replace(/\u00A0/g, " ");

}



//fix content of attributes href, src or background

function fix_attribute(text) {

	//convert <,>, & and " to the corresponding entities

	return String(text).replace(/\&/g, "&").replace(//g, ">").replace(/\"/g, """);

}