Можно ли скопировать в буфер обмена html разметку со стилями?

Question

[Gagatyn]

React, Styled-component, module css

К примеру, создается карточка товара или игровая карточка. Формат Jsx или html, стили присутствуют в отдельных css/sass/less файлах или рядом с компонентом создаётся при помощи styled-components. У карточки заливка, картинка, текст, иконки, кнопки...
Возможно ли средствами js, React, Styled-component, module-css скопировать разметку карточки и стили её?
Подскажите как реализовать копирование в буфер обмена?

Comments

[Пашенька]

Только, если они будут одним сплошным текстом, очевидно, плюс всякие базовые стили, иначе никак.

[WbICHA]

Пашенька, можно ещё вручную всё это дело собирать, но да, как не крути, это будет так себе выглядеть.

[WbICHA]

Хотя... Я тут вспомнил как в NextJS собирал хтмл + цсс всей страницы, и там как раз стильные компоненты использовались. Если можно аналогичным образом сделать с одним компонентом, то получится даже вполне цивилизованно.

[Gagatyn]

WbICHA, получается 2 решения: это html с inline-овыми стилями и ваш вариант.
Опишите подробно решение, если есть желание и время, но главное желание.

[WbICHA]

Gagatyn, я глянул, собственно, я не уверен, что это можно сделать на реакте, поскольку это для сср предназначено.
Сам гайд для некста: https://medium.com/knowsi/exporting-pdfs-with-next...
Сам класс из с.к.: https://styled-components.com/docs/advanced#server...