Как реализовать фрагменты HTML в файле:// ⇐ Javascript

[Anonymous]

Я работаю над проектом для людей, которые плохо знакомы с веб-разработкой и открытым исходным кодом.
Это называется «Внесение кода». Пользователи пройдут руководство, добавят HTML-файл и отправят запрос на включение в тот же репозиторий на GitHub.
У меня есть два самостоятельных ограничения для этого проекта.

• Пользователям не нужно ничего устанавливать или настраивать инструменты.
• Их изменения должны быть в отдельном HTML-файле.

Причина (1) заключается в том, чтобы сделать проект более доступный. Я предполагаю, что у пользователей уже есть на своих машинах веб-браузер, текстовый редактор и эмулятор терминала. Я бы хотел, чтобы они смогли пройти руководство без установки каких-либо инструментов (среды выполнения, компилятора и т. д.) языка. Я ожидаю, что пользователи откроют index.html в своем браузере и увидят изменения.
Причина (2) заключается в том, чтобы избежать большого HTML-файла и конфликтов слияния
p>
Для реализации фрагментов я пробовал vanilla js, HTMX, Unpoly и т. д. В итоге для моих реализаций потребовался локальный запуск сервера (что противоречит (1))
В итоге я нашел решение с использованием iframe. Все фрагменты HTML-файлов теперь загружаются в iframe. Хотя мне это решение не нравится. В идеале мне хотелось бы разделить область действия, стили и т. д. родительского элемента с дочерними фрагментами.
Если у вас есть предложения по включению HTML-фрагментов, дайте мне знать.

Подробнее здесь: https://stackoverflow.com/questions/793 ... ts-in-file