Вывод кода HTML, JS, CSS

Question

Как сделать что бы по нажатию на кнопку выводился код ? Допустим у меня есть блок и я его видоизменяю после этого я нажимаю на кнопку и мне показывается его код HTML, JS, CSS, но что бы он был не в строку а с переходами , пробелами. Можете дать примеры , статьи или объяснить как то. Буду благодарен

Answer 1

Если вы хотите чтобы при нажатии на элемент отображался код этого самого элемента - это просто невозможно. Для этого нужно использовать инструменты разработчика в браузере.

Answer 2

только тебе придется писать отдельно код. Допустим вот так:

let html код =`
    <div class="сontainer">
        <div></div>
    </div> 
`;

и выводить его вот так

<textarea
    onChange={(e) => htmlContainer(e.target.value)}
    ref={inputX}
    spellCheck="false"
    autoComplete="false"
    value={html код}
></textarea>

А так ты можешь сделать так, чтобы ты его изменял отдельно, создавать хуки на стили, если ты их изменяешь, выводить их в css под какой-то класс, а этот класс уже заранее написать в html.

БЛОГ НА HUSL

Вывод кода HTML, JS, CSS

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