Вот такая вот альтернатива… Выглядит страшновато, потому что пришлось учитывать особенности каждого браузера. Например, FF задает атрибуты style в тегах font, и их приходится переносить на span. А IE не задает атрибуты style. А Opera вообще вкладывает теги font друг в друга, поэтому необходимо выполнять фунукцию рекурсивно.
| Код |
function font2Span(parentEl) {
var fontSizes = {"1": "xx-small", "2": "small", "3": "medium", "4": "large", "5": "x-large", "6": "xx-large", "7": "25pt"};
if (!parentEl) parentEl = iframe.document;
var fontTags = parentEl.getElementsByTagName("font");
var span;
var prop = null;
for (var i = 0; i < fontTags.length; i++) {
// возможны вложенные теги font. Перебираем рекурсивно
if (fontTags[i].getElementsByTagName("font").length > 0) font2Span(fontTags[i]);
span = iframe.document.createElement("span");
if (fontTags[i].getAttribute("style", 2)) {
prop = fontTags[i].getAttribute("style");
prop = prop.split(/\s*;\s*/);
var rule;
for (var j = 0; j < prop.length; j++) {
rule = prop[j].split(/\s*:\s*/);
if (!rule[1]) continue;
// замены типа font-family -> fontFamily
/-([a-z]{1})/.exec(rule[0]);
rule[0] = rule[0].replace(/-([a-z]{1})/, RegExp.$1.toUpperCase());
span.style[rule[0]] = rule[1];
}
}
prop = fontTags[i].getAttribute("size", 2);
if (prop) span.style.fontSize = fontSizes[prop];
prop = fontTags[i].getAttribute("face", 2);
if (prop) span.style.fontFamily = prop;
prop = fontTags[i].getAttribute("color", 2);
if (prop) span.style.color = prop;
span.innerHTML = fontTags[i].innerHTML;
fontTags[i].parentNode.insertBefore(span, fontTags[i]);
fontTags[i].parentNode.removeChild(fontTags[i]);
}
}
|
|
Это я к тому, что при возможности проверьте на других компах и/или других версиях браузеров. 