Programmiererforum

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>
Ich entferne gerade Whitespace wie dieses, sieht aber nicht nach dem besten /optimalsten Ansatz aus: < /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)

A CMS erzeugt Inline -Stile mit vielen Whitespaces, was es schwierig macht, das Element über Entwicklungswerkzeuge zu durchqueren und auszuwählen. Ein Beispiel dafür wäre: < /p>
[code]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>
Ich entferne gerade Whitespace wie dieses, sieht aber nicht nach dem besten /optimalsten Ansatz aus: < /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)
[/code]
Gibt es eine bessere Möglichkeit, Whitespace aus Inline -Stilen zu entfernen?