how to generate the json from the whole page which will have different block in the eds.
Hi @Dyanamic,
There are a few clean approaches depending on your use case.
Option 1: Use AEM’s exporter framework (Recommended for structured JSON)
AEM Core Components support exporting structured JSON using the ModelExporter framework (Sling Models + Jackson/Gson). You can customize this to output block-wise JSON.
Steps:
-
Create Sling Models for each component.
-
Annotate with
@Exporterforapplication/json.
-
-
Access your page JSON like this:
If your components are based on core components, many already support this out of the box.
Option 2: HTML to JSON conversion using JS/Java logic (for unstructured HTML)
If you're working with raw HTML (e.g., from nav.plain.html) and need to convert it to JSON, you'll have to parse the HTML and convert it manually to JSON.
Example Tools:
-
Java: Use jsoup to parse the HTML and generate a structured object.
-
Node.js: Use libraries like
htmlparser2orcheerioto parse DOM and map to JSON.
Example in Javascript:
const cheerio = require('cheerio');
const html = `<div class="main-navigation"><div><div>Title</div></div></div>`;
const $ = cheerio.load(html);
const json = {};
$('.main-navigation').each((i, elem) => {
json['main-navigation'] = {
blocks: $(elem).find('div > div').map((i, el) => ({
content: $(el).text()
})).get()
};
});
console.log(JSON.stringify(json, null, 2));Option 3: Custom Servlet to Render JSON from HTML Page
-
Create a servlet that:
-
Fetches the rendered HTML of a page.
-
Parses it using Jsoup (Java) or similar.
-
Converts key sections (
.main-navigation,.utility-navigation) to structured JSON.
-
-
Expose the servlet as
/content/page.html.jsonor/content/page.custom.json.
Santosh Sai
Hi @Dyanamic
In EDS you can't convert page to json, however you can deliver only content html using plain selector.
EDS only allow to expose spreadsheets as json file.
Arun Patidar
Related Conversations
