var elem1 = document.createElement('div');
elem1.className = 'ans-locker';
elem1.innerHTML = '<div class="ans-spinner"></div>';
document.body.appendChild(elem1);
location.reload(true);
.ans-locker {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
opacity: .5;
z-index: 1000;
background: #fff;
}
.ans-spinner {
min-width: 48px;
min-height: 48px;
background-repeat: no-repeat;
background-image: url('data:image/gif;base64,#КОД СПИННЕРА***#');
}
function getAllCSSVariableNames(styleSheets = document.styleSheets) {
let names1 = [];
for (const sheet1 of styleSheets) {
try {
for (const rule1 of sheet1.cssRules)
if (rule1.cssText.startsWith(':root'))
for (const name1 of rule1.style)
if (names1.indexOf(name1) == -1)
names1.push(name1);
} catch { }
}
return names1;
}
function getElementCSSVariables(names, element = document.body, pseudo) {
let styles1 = window.getComputedStyle(element, pseudo);
let vars1 = {};
for (let i1 = 0; i1 < names.length; i1++) {
let key1 = names[i1];
let value1 = styles1.getPropertyValue(key1)
vars1[key1] = value1;
}
return vars1;
}
const names = getAllCSSVariableNames();
const vars = getElementCSSVariables(names);
const elem1 = document.getElementById('cssVariables');
let s1 = '';
for (let key1 in vars) {
s1 += `<tr><td class="text-nowrap">${key1}</td><td><code>${vars[key1]}</code></td></tr>`;
}
elem1.innerHTML = s1;
var s = " \t\t \t\t Принцип восприятия \t\t \t \t \t\t\t непредвзято создает паллиативный интеллект, условно. \t \n Концепция ментально оспособляет закон внешнего мира. Сомнение раскладывает на элементы неоднозначный структурализм. \n \n \n\nСмысл жизни профанирует принцип восприятия, отрицая очевидное. <p>Жизнь философски ассоциирует напряженный постмодернизм.</p> <p> Объект деятельности означает конфликт. Согласно предыдущему, конфликт, в рамках сегодняшних воззрений, ясен не всем.</p> \n\nИсточник: http://www.artlebedev.ru/kovodstvo/sections/66/";
s = s.replace(/<\/?p>/g, '\n')
.replace(/^\s+|\s+$/g,'')
.replace(/[\t ]+/g, ' ')
.replace(/\s*\n\s*/g, '<\/p>\n\n<p>');
s = '<p>'+s+'</p>';
alert(s);
s = s.replace(/<\/?p>/g, '\n')
.replace(/^\s+|\s+$/g,'')
.replace(/[\t ]+/g, ' ')
.replace(/\s*\n\s*/g, '<\/p>\n\n<p>');
s = '<p>'+s+'</p>';
alert(s);