how to convert entire html into json object?

[dh54220]

Hi All,

we have a footer experience fragment how we can convert entire html page as json object
any references 

Thankyou

[krishna_sai]

@dh54220 If the components that you are using in experience fragments have exporter support i.e., annotated with exporter.
https://experienceleague.adobe.com/docs/experience-manager-learn/foundation/development/develop-slin...

you can simply add .model.json  to your experience fragment which will give you json structure

Hope this helps,

Krishna

[dh54220]

@krishna_sai 

Thank you for the reply

I need not only json entire html as json object (include css and js)
any suggestion.?

[TarunKumar]

HI @dh54220 ,

Experience fragment are delivered in HTML format by default.
However, if you are creating experience fragment with core components or develop your custom components using ComponentExporter, it should provide all the content in JSON format.
Hope this help!

Thanks

[dh54220]

@TarunKumar 

Thank you for the reply

Experience fragment are delivered in HTML format by default( can please brief on this)

 we have requirement that we have header and footer experience fragment we need to send the entire html as json object(with include css and js) how we can achieve any suggestion.

[Manu_Mathew_]

@dh54220 You can just replace the .html with .model.tidy.json  similar to the sample wnkd site eg: .../content/wknd/language-masters/en/magazine.model.tidy.json

[dh54220]

@Manu_Mathew_ 

Thankyou for the reply

we use of tidy.json we can convert json in readable format right?

what is my question is actually we have requirement that we have header and footer experience fragment we need to send the entire html as json object(with include css andjs) how we can achieve any suggestion.

[DPrakashRaj]

to export the data as json including js and css you have to write your custom service either using sling model exporter.