Какие есть способы удобной верстки страницы под CMS?

Question

У многих сайтов используется CMS, в которой генерируется код страницы. Во время вёрстки приходиться вставлять html через override в браузере, чтобы можно было посмотреть результат, но это не очень удобно, так как приходится вручную искать контейнер для вставки кода.
Открывать весь код страницы через VS Code тоже не очень удобно, т.к. в репозитории храню, только изменяемую часть внутри контейнера, а остальное не трогаю (оно генерируется само).

Вопрос:
Есть ли способ автозамены контента в контейнере страницы? Возможно, кто-то знает расширения VS Code для верстки под CMS?

UPD: CMS создает на странице специальный контейнер <div class="container">, куда вставляется готовая верстка, чтобы опубликовать.
Во время верстки для предпросмотра результата я использую Override в браузере, т.е. вставляю написанный код в <div class="container">. Делаю это вручную (через поиск в dev tools, затем заменой html внутри этого div). Я хочу найти способ это как-то автоматизировать.

Пока первая мысль пришла использовать iframe с указанием локального html

Answer 1

Как один из вариантов, можно через Override в *Dev Toolsна странице добавитьiframe`, а в качестве контента указать на файл с версткой.

Пример:

<div class='container'>
  <iframe src="file:///C:/Pages/test.html" width="400" height="200">
</div>

Тогда можно будет спокойно писать в test.html свою верстку, и не заменять её.

Возможно, стили для iframe нужно будет поправить.

БЛОГ НА HUSL

Какие есть способы удобной верстки страницы под CMS?

Ответы (1 шт):