Как сохранить html узел, чтобы не слетела разметка?
Vалерия- 10 Декабря 2023г.
- 1
- 1
Сохраняю с помощью свойства outerHTML строку в обменник и при переносе в редактор код прописывается без отступов и символов переноса. По итогу получаю сплошняком элемент. Такое чувство что в параметрах вставки ошибка, но как исправить проблему не могу найти.
Если вы хотите сохранить HTML-разметку при копировании в обменник и вставке в редактор кода, вам следует использовать свойство `innerHTML` вместо `outerHTML`.
Свойство `outerHTML` возвращает HTML-код всего элемента, включая его тег, атрибуты и содержимое. Однако, при копировании в обменник и вставке в редактор кода, отступы и символы переноса могут быть потеряны.
Свойство `innerHTML` возвращает только содержимое элемента, без его собственного тега и атрибутов. При копировании в обменник и вставке в редактор кода, разметка будет сохранена, включая отступы и символы переноса.
Вот пример использования `innerHTML` для сохранения HTML-узла:
```javascript
var element = document.getElementById("myElement"); // Здесь "myElement" - это идентификатор вашего элемента
var html = element.innerHTML;
// Сохранить html в обменник
navigator.clipboard.writeText(html)
.then(function() {
console.log("HTML успешно сохранен в обменник!");
})
.catch(function(error) {
console.error("Ошибка при сохранении HTML в обменник: ", error);
});
```
Теперь, при вставке содержимого из обменника в редактор кода, разметка должна сохраниться без потери отступов и символов переноса.