Удалить пробелы в HTML

Это HTML, извлеченный с использованием javascript. Могу я спросить, как удалить все пробелы между > и <, которые отключены для каждой строки. Я хотел бы объединить их в виде строки, как показано ниже:

Это ожидаемый результат:

Текущая проблема:

let svg_object_alt=document.querySelector('svg').outerHTML;

console.info(svg_object_alt)
<svg xmlns = "http://www.w3.org/2000/svg" xmlns:xlink = "http://www.w3.org/1999/xlink" version = "1.1" width = "800pt" height = "600pt" viewBox = "0 0 800 600">

  <path transform = "matrix(1,0,0,-1,0,600)" stroke-width = ".074" stroke-linecap = "round" stroke-linejoin = "round" fill = "none" stroke = "#929292" d = "M489.52 144.07 488.76 142.24" />

  <path transform = "matrix(1,0,0,-1,0,600)" d = "M475.72 281.52 475.65 281.29H476.04L475.72 281.52Z" fill = "#ff0000" />
  
  <path transform = "matrix(1,0,0,-1,0,600)" d = "M478.28 281.15 478.34 280.88 478.28 281.43V281.15Z" fill = "#ff0000" fill-rule = "evenodd " />

</svg>

Почему это имеет значение? Пробелы никак не влияют на разметку.

Phil 22.02.2023 03:23

Что именно ты пытаешься сделать? Какова ваша конечная цель?

Michael M. 22.02.2023 03:24

Отвечает ли это на ваш вопрос? stackoverflow.com/a/27858017/1727948

Joshua 22.02.2023 03:33
Оптимизация React Context шаг за шагом в 4 примерах
Оптимизация React Context шаг за шагом в 4 примерах
При использовании компонентов React в сочетании с Context вы можете оптимизировать рендеринг, обернув ваш компонент React в React.memo сразу после...
Интервьюер: Почему &apos;[] instanceof Object&apos; возвращает &quot;true&quot;?
Интервьюер: Почему '[] instanceof Object' возвращает "true"?
Все мы знаем, что [] instanceof Array возвращает true, но почему [] instanceof Object тоже возвращает true?
Абстрактное синтаксическое дерево (AST) и как оно работает с ReactJS
Абстрактное синтаксическое дерево (AST) и как оно работает с ReactJS
Абстрактное синтаксическое дерево (AST) - это древовидная структура данных, которая представляет структуру и иерархию исходного кода на языке...
2
3
51
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Svg_object_alt = svg_object_alt.replaceAll(/>\s+</g, '><')

Хорошие ответы включают некоторые объяснения

Sean 22.02.2023 03:51
Ответ принят как подходящий

Как уже упоминалось, может быть полезно понять, почему вы пытаетесь достичь этого.

Просто для некоторого контекста. Некоторые упаковщики минимизируют код для вас после того, как вы свяжете код.

Если вы не используете упаковщик, такой как Webpack, вы можете выполнить простой поиск и замену, которые добьются того, что вы пытаетесь сделать.

В сети есть несколько минификаторов, которые сделают это.

ЕСЛИ вы не хотите минимизировать код или не используете упаковщик, есть другие решения.

Если вы используете VS Code, встроенный поиск и замена принимает регулярные выражения.

Например, если вы используете код VS или другой редактор кода, который позволяет регулярное выражение, вы можете вставить в поле «Найти» «\ n», а в поле «Заменить на» просто оставьте его пустым.

Это удалит все разрывы строк. Что похоже на то, что вы пытаетесь сделать.

Позвольте мне знать, если это помогает.

Другие вопросы по теме