Как я могу форматировать/убирать/украшать HTML в JavaScript? Я попытался выполнить поиск/замену для угловых скобок (<, >) и соответственно отступать. Но, конечно, этого не требуется когда JS или CSS и т.д. внутри HTML.
Причина, по которой я хочу это сделать, - это создать редактор контента (CMS), который имеет как WYSIWYG, так и исходные коды. Проблема в том, что код, написанный редактором WYSIWYG, обычно является одной строкой. Поэтому мне нужен JavaScript, который мог бы форматировать это в более удобочитаемую форму по требованию.
Вот что я до сих пор:
function getIndent(level) {
var result = '',
i = level * 4;
if (level < 0) {
throw "Level is below 0";
}
while (i--) {
result += ' ';
}
return result;
}
function style_html(html) {
html = html.trim();
var result = '',
indentLevel = 0,
tokens = html.split(/</);
for (var i = 0, l = tokens.length; i < l; i++) {
var parts = tokens[i].split(/>/);
if (parts.length === 2) {
if (tokens[i][0] === '/') {
indentLevel--;
}
result += getIndent(indentLevel);
if (tokens[i][0] !== '/') {
indentLevel++;
}
if (i > 0) {
result += '<';
}
result += parts[0].trim() + ">\n";
if (parts[1].trim() !== '') {
result += getIndent(indentLevel) + parts[1].trim().replace(/\s+/g, ' ') + "\n";
}
if (parts[0].match(/^(img|hr|br)/)) {
indentLevel--;
}
} else {
result += getIndent(indentLevel) + parts[0] + "\n";
}
}
return result;
}
