Удалить белое пространство внутри встроенного стиля с JS? ⇐ CSS

[Anonymous]

CMS генерирует встроенные стили со многими пробелами в них, что затрудняет проезд и выбирать элемент с помощью инструментов Dev. Примером этого будет: < /p>

Код: Выделить всё

style="

--headerBorderColor: hsla(var(--black-hsl), 1);

--solidHeaderBackgroundColor: hsla(var(--white-hsl), 1);

--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);

--gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1);

--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);

"
< /code>
Я в настоящее время удаляю пробелы, как это, но не выглядит как лучший /самый оптимальный подход: < /p>
      var newStyle = [];
styleEl.getAttribute('style').split(';').forEach(styleLine => {
var newLine = styleLine.trim().replace(/^\s+|\s+$/gm, '');
if(/^[A-Za-z0-9]*$/.test(newLine) === false) {
newStyle.push(newLine);
}
});
newStyle = newStyle.join('; \n') + ';';

styleEl.setAttribute('style', newStyle)

Есть ли лучший способ удалить пробелы из встроенных стилей?

Подробнее здесь: https://stackoverflow.com/questions/794 ... le-with-js