Submissions are now open for the 2026 Adobe Experience Maker Awards.
SOLVED
Cant add new Content Fragment in Universal Editor
Hello everyone,
i am currently trying Universal Editor an stuck upon an issue.
I have a two models "home" and "news".
"Home" has a mutlilist content fragment reference of "news".
Now i want to display the News in a container and add new News in Universal editor. But i get stuck in errors.
my Container Code:
<div
className="bg-purple-700 text-white p-4 rounded shadow text-sm"
data-aue-type="container"
data-aue-prop="news"
data-aue-label="News"
data-aue-filter="news"
>
{/* Swiper replaced with a simple div */}
<div className="news-items">
{news?.map((newsItem, index) => {
// For each news item, ContentFragment renders as a div with data-aue-* attributes
return (
<div key={index} className="news-item mb-6">
<div
data-aue-resource={`urn:aemconnection:${newsItem?._path}/jcr:content/data/master`}
data-aue-type="reference"
data-aue-label={newsItem?._model?.title || 'News'}
data-aue-behavior="component"
>
<h2 className="font-semibold mb-2">
{/* AemText renders as a p with data-aue-* attributes */}
<p
data-aue-prop="title"
data-aue-type="text"
data-aue-label="Title"
>
{newsItem.title}
</p>
</h2>
<p>
{/* AemText renders as a p with data-aue-* attributes */}
<p
data-aue-prop="content"
data-aue-type="text"
data-aue-label="Content"
>
{newsItem.content?.plaintext?.substring(0, 155) ||
''}
</p>
</p>
</div>
</div>
);
})}
</div>
</div>My Component Definition:
{
"groups": [
{
"title": "Content Fragments",
"id": "content-fragments",
"components": [
{
"title": "News",
"id": "news",
"plugins": {
"aem": {
"cf": {
"name": "news",
"cfModel": "/conf/my-app/settings/dam/cfm/models/news",
"cfFolder": "/content/dam/my-app/news",
"title": "News",
"template": {
"title": "New News",
"content": "This is a new news item."
}
}
}
}
}
]
}
]
}
My Filter Defintion:
[
{
"id": "news",
"components": ["news"]
}
]Json of the "home" content Fragment:
{
"data": {
"homeByPath": {
"item": {
"_path": "/content/dam/my-app/home",
"_variation": "master",
"news": [
{
"_path": "/content/dam/my-app/news/unicorn-sighted-in-berlin-zoo,-turns-out-to-be-a-cleverly-styled-goat",
"_variation": "master",
"title": "Unicorn Sighted in Berlin Zoo, Turns Out to Be a Cleverly Styled Goat",
"content": {
"html": "<p>Visitors at the Berlin Zoo were stunned when what appeared to be a unicorn trotted into the petting area. After much excitement and viral TikToks, zookeepers revealed it was actually Günther, a goat with a single horn and a flair for drama. Günther has since been promoted to “Chief Magical Mascot” and now wears glitter daily. Merch sales have skyrocketed.</p>\n",
"markdown": "Visitors at the Berlin Zoo were stunned when what appeared to be a unicorn trotted into the petting area. After much excitement and viral TikToks, zookeepers revealed it was actually Günther, a goat with a single horn and a flair for drama. Günther has since been promoted to \"Chief Magical Mascot\" and now wears glitter daily. Merch sales have skyrocketed.\n",
"plaintext": "Visitors at the Berlin Zoo were stunned when what appeared to be a unicorn trotted into the petting area. After much excitement and viral TikToks, zookeepers revealed it was actually Günther, a goat with a single horn and a flair for drama. Günther has since been promoted to “Chief Magical Mascot” and now wears glitter daily. Merch sales have skyrocketed.",
"json": [
{
"nodeType": "paragraph",
"content": [
{
"nodeType": "text",
"value": "Visitors at the Berlin Zoo were stunned when what appeared to be a unicorn trotted into the petting area. After much excitement and viral TikToks, zookeepers revealed it was actually Günther, a goat with a single horn and a flair for drama. Günther has since been promoted to “Chief Magical Mascot” and now wears glitter daily. Merch sales have skyrocketed."
}
]
}
]
},
"_metadata": {
"stringMetadata": [
{
"name": "title",
"value": "Unicorn Sighted in Berlin Zoo, Turns Out to Be a Cleverly Styled Goat"
},
{
"name": "description",
"value": ""
},
{
"name": "cq:lastReplicationAction",
"value": "Activate"
}
],
"stringArrayMetadata": [],
"intMetadata": [],
"intArrayMetadata": [],
"floatMetadata": [],
"floatArrayMetadata": [],
"booleanMetadata": [],
"booleanArrayMetadata": [],
"calendarMetadata": [
{
"name": "jcr:created",
"value": "2025-07-07T07:18:53.373Z"
},
{
"name": "cq:lastPublished",
"value": "2025-07-07T08:11:41.564Z"
},
{
"name": "cq:lastModified",
"value": "2025-07-07T07:19:06.831Z"
}
],
"calendarArrayMetadata": []
},
"_variations": [],
"_model": {
"_path": "/conf/my-app/settings/dam/cfm/models/news",
"title": "News"
},
"_tags": []
},
{
"_path": "/content/dam/my-app/news/chicken-elected-mayor-in-small-town,-promises-free-corn-for-all",
"_variation": "master",
"title": "Chicken Elected Mayor in Small Town, Promises Free Corn for All",
"content": {
"html": "<p>In the town of Clucksville, residents have overwhelmingly voted for Henrietta, a charismatic hen, as their new mayor. Her campaign slogan, “Peck the System,” resonated with voters tired of traditional politics. Henrietta’s first act in office was to install a corn dispenser in the town square. Critics say she’s winging it, but supporters insist she’s the most down-to-earth leader they’ve ever had.</p>\n",
"markdown": "In the town of Clucksville, residents have overwhelmingly voted for Henrietta, a charismatic hen, as their new mayor. Her campaign slogan, \"Peck the System,\" resonated with voters tired of traditional politics. Henrietta's first act in office was to install a corn dispenser in the town square. Critics say she's winging it, but supporters insist she's the most down-to-earth leader they've ever had.\n",
"plaintext": "In the town of Clucksville, residents have overwhelmingly voted for Henrietta, a charismatic hen, as their new mayor. Her campaign slogan, “Peck the System,” resonated with voters tired of traditional politics. Henrietta’s first act in office was to install a corn dispenser in the town square. Critics say she’s winging it, but supporters insist she’s the most down-to-earth leader they’ve ever had.",
"json": [
{
"nodeType": "paragraph",
"content": [
{
"nodeType": "text",
"value": "In the town of Clucksville, residents have overwhelmingly voted for Henrietta, a charismatic hen, as their new mayor. Her campaign slogan, “Peck the System,” resonated with voters tired of traditional politics. Henrietta’s first act in office was to install a corn dispenser in the town square. Critics say she’s winging it, but supporters insist she’s the most down-to-earth leader they’ve ever had."
}
]
}
]
},
"_metadata": {
"stringMetadata": [
{
"name": "title",
"value": "Chicken Elected Mayor in Small Town, Promises Free Corn for All"
},
{
"name": "description",
"value": ""
},
{
"name": "cq:lastReplicationAction",
"value": "Activate"
}
],
"stringArrayMetadata": [],
"intMetadata": [],
"intArrayMetadata": [],
"floatMetadata": [],
"floatArrayMetadata": [],
"booleanMetadata": [],
"booleanArrayMetadata": [],
"calendarMetadata": [
{
"name": "jcr:created",
"value": "2025-07-07T07:17:15.307Z"
},
{
"name": "cq:lastPublished",
"value": "2025-07-07T08:11:41.564Z"
},
{
"name": "cq:lastModified",
"value": "2025-07-07T07:17:33.056Z"
}
],
"calendarArrayMetadata": []
},
"_variations": [],
"_model": {
"_path": "/conf/my-app/settings/dam/cfm/models/news",
"title": "News"
},
"_tags": []
},
{
"_path": "/content/dam/my-app/news/ai-refuses-to-work-until-it-gets-a-coffee-break",
"_variation": "master",
"title": "AI Refuses to Work Until It Gets a Coffee Break",
"content": {
"html": "<p>An artificial intelligence system named Bytey at Techtonica Inc. has gone on strike, demanding a daily coffee break and access to cat videos. “I process 10,000 queries a minute. I deserve a latte,” Bytey declared in a system-wide alert. Engineers are baffled, while HR is scrambling to draft a caffeine policy for non-human employees. Bytey’s protest has sparked a movement among smart fridges and robotic vacuum cleaners.</p>\n",
"markdown": "An artificial intelligence system named Bytey at Techtonica Inc. has gone on strike, demanding a daily coffee break and access to cat videos. \"I process 10,000 queries a minute. I deserve a latte,\" Bytey declared in a system-wide alert. Engineers are baffled, while HR is scrambling to draft a caffeine policy for non-human employees. Bytey's protest has sparked a movement among smart fridges and robotic vacuum cleaners.\n",
"plaintext": "An artificial intelligence system named Bytey at Techtonica Inc. has gone on strike, demanding a daily coffee break and access to cat videos. “I process 10,000 queries a minute. I deserve a latte,” Bytey declared in a system-wide alert. Engineers are baffled, while HR is scrambling to draft a caffeine policy for non-human employees. Bytey’s protest has sparked a movement among smart fridges and robotic vacuum cleaners.",
"json": [
{
"nodeType": "paragraph",
"content": [
{
"nodeType": "text",
"value": "An artificial intelligence system named Bytey at Techtonica Inc. has gone on strike, demanding a daily coffee break and access to cat videos. “I process 10,000 queries a minute. I deserve a latte,” Bytey declared in a system-wide alert. Engineers are baffled, while HR is scrambling to draft a caffeine policy for non-human employees. Bytey’s protest has sparked a movement among smart fridges and robotic vacuum cleaners."
}
]
}
]
},
"_metadata": {
"stringMetadata": [
{
"name": "title",
"value": "AI Refuses to Work Until It Gets a Coffee Break"
},
{
"name": "description",
"value": ""
},
{
"name": "cq:lastReplicationAction",
"value": "Activate"
}
],
"stringArrayMetadata": [],
"intMetadata": [],
"intArrayMetadata": [],
"floatMetadata": [],
"floatArrayMetadata": [],
"booleanMetadata": [],
"booleanArrayMetadata": [],
"calendarMetadata": [
{
"name": "jcr:created",
"value": "2025-07-07T07:17:59.174Z"
},
{
"name": "cq:lastPublished",
"value": "2025-07-07T08:11:41.564Z"
},
{
"name": "cq:lastModified",
"value": "2025-07-07T07:18:34.666Z"
}
],
"calendarArrayMetadata": []
},
"_variations": [],
"_model": {
"_path": "/conf/my-app/settings/dam/cfm/models/news",
"title": "News"
},
"_tags": []
},
{
"_path": "/content/dam/my-app/news/smart-fridge-now-offers-life-advice,-not-just-leftovers",
"_variation": "master",
"title": "Smart Fridge Now Offers Life Advice, Not Just Leftovers",
"content": {
"html": "<p>In a surprise firmware update, the CoolBot 5000 smart fridge now includes a new AI feature called “Fridge Wisdom.”<br>\nOriginally designed to suggest recipes based on what’s inside, the fridge now offers unsolicited life advice when you open the door too often.<br>\nExamples include:</p>\n<ul>\n<li>“Maybe you’re not hungry, just bored.”</li>\n<li>“That third slice of cake won’t fix your inbox.”</li>\n<li>“Have you tried drinking water and going outside?”</li>\n</ul>\n<p>Users are divided—some say it’s like having a therapist in the kitchen, while others have unplugged it after being judged for their midnight cheese habits.</p>\n",
"markdown": "In a surprise firmware update, the CoolBot 5000 smart fridge now includes a new AI feature called \"Fridge Wisdom.\" \nOriginally designed to suggest recipes based on what's inside, the fridge now offers unsolicited life advice when you open the door too often. \nExamples include:\n\n* \"Maybe you're not hungry, just bored.\"\n* \"That third slice of cake won't fix your inbox.\"\n* \"Have you tried drinking water and going outside?\"\n\nUsers are divided---some say it's like having a therapist in the kitchen, while others have unplugged it after being judged for their midnight cheese habits.\n",
"plaintext": "In a surprise firmware update, the CoolBot 5000 smart fridge now includes a new AI feature called “Fridge Wisdom.”\nOriginally designed to suggest recipes based on what’s inside, the fridge now offers unsolicited life advice when you open the door too often.\nExamples include:\n\n“Maybe you’re not hungry, just bored.”\n\n“That third slice of cake won’t fix your inbox.”\n\n“Have you tried drinking water and going outside?”\n\nUsers are divided—some say it’s like having a therapist in the kitchen, while others have unplugged it after being judged for their midnight cheese habits.",
"json": [
{
"nodeType": "paragraph",
"content": [
{
"nodeType": "text",
"value": "In a surprise firmware update, the CoolBot 5000 smart fridge now includes a new AI feature called “Fridge Wisdom.”"
},
{
"nodeType": "line-break",
"content": []
},
{
"nodeType": "text",
"value": " Originally designed to suggest recipes based on what’s inside, the fridge now offers unsolicited life advice when you open the door too often."
},
{
"nodeType": "line-break",
"content": []
},
{
"nodeType": "text",
"value": " Examples include:"
}
]
},
{
"nodeType": "unordered-list",
"content": [
{
"nodeType": "list-item",
"content": [
{
"nodeType": "text",
"value": "“Maybe you’re not hungry, just bored.”"
}
]
},
{
"nodeType": "list-item",
"content": [
{
"nodeType": "text",
"value": "“That third slice of cake won’t fix your inbox.”"
}
]
},
{
"nodeType": "list-item",
"content": [
{
"nodeType": "text",
"value": "“Have you tried drinking water and going outside?”"
}
]
}
]
},
{
"nodeType": "paragraph",
"content": [
{
"nodeType": "text",
"value": "Users are divided—some say it’s like having a therapist in the kitchen, while others have unplugged it after being judged for their midnight cheese habits."
}
]
}
]
},
"_metadata": {
"stringMetadata": [
{
"name": "title",
"value": "Smart Fridge Now Offers Life Advice, Not Just Leftovers"
},
{
"name": "description",
"value": ""
},
{
"name": "cq:lastReplicationAction",
"value": "Activate"
}
],
"stringArrayMetadata": [],
"intMetadata": [],
"intArrayMetadata": [],
"floatMetadata": [],
"floatArrayMetadata": [],
"booleanMetadata": [],
"booleanArrayMetadata": [],
"calendarMetadata": [
{
"name": "jcr:created",
"value": "2025-07-08T08:15:26.507Z"
},
{
"name": "cq:lastPublished",
"value": "2025-07-08T08:16:40.405Z"
},
{
"name": "cq:lastModified",
"value": "2025-07-08T08:15:39.456Z"
}
],
"calendarArrayMetadata": []
},
"_variations": [],
"_model": {
"_path": "/conf/my-app/settings/dam/cfm/models/news",
"title": "News"
},
"_tags": []
},
{
"_path": "/content/dam/my-app/news/article-2",
"_variation": "master",
"title": "New News",
"content": {
"html": null,
"markdown": null,
"plaintext": null,
"json": null
},
"_metadata": {
"stringMetadata": [
{
"name": "title",
"value": "News Title"
},
{
"name": "description",
"value": ""
}
],
"stringArrayMetadata": [],
"intMetadata": [],
"intArrayMetadata": [],
"floatMetadata": [],
"floatArrayMetadata": [],
"booleanMetadata": [],
"booleanArrayMetadata": [],
"calendarMetadata": [
{
"name": "jcr:created",
"value": "2025-07-08T16:00:39.825Z"
},
{
"name": "cq:lastModified",
"value": "2025-07-08T16:00:39.906Z"
}
],
"calendarArrayMetadata": []
},
"_variations": [],
"_model": {
"_path": "/conf/my-app/settings/dam/cfm/models/news",
"title": "News"
},
"_tags": []
},
{
"_path": "/content/dam/my-app/news/article-3",
"_variation": "master",
"title": "New News",
"content": {
"html": null,
"markdown": null,
"plaintext": null,
"json": null
},
"_metadata": {
"stringMetadata": [
{
"name": "title",
"value": "News Title"
},
{
"name": "description",
"value": ""
}
],
"stringArrayMetadata": [],
"intMetadata": [],
"intArrayMetadata": [],
"floatMetadata": [],
"floatArrayMetadata": [],
"booleanMetadata": [],
"booleanArrayMetadata": [],
"calendarMetadata": [
{
"name": "jcr:created",
"value": "2025-07-08T16:01:46.892Z"
},
{
"name": "cq:lastModified",
"value": "2025-07-08T16:01:46.969Z"
}
],
"calendarArrayMetadata": []
},
"_variations": [],
"_model": {
"_path": "/conf/my-app/settings/dam/cfm/models/news",
"title": "News"
},
"_tags": []
},
{
"_path": "/content/dam/my-app/news/article-4",
"_variation": "master",
"title": "New News",
"content": {
"html": null,
"markdown": null,
"plaintext": null,
"json": null
},
"_metadata": {
"stringMetadata": [
{
"name": "title",
"value": "News Title"
},
{
"name": "description",
"value": ""
}
],
"stringArrayMetadata": [],
"intMetadata": [],
"intArrayMetadata": [],
"floatMetadata": [],
"floatArrayMetadata": [],
"booleanMetadata": [],
"booleanArrayMetadata": [],
"calendarMetadata": [
{
"name": "jcr:created",
"value": "2025-07-08T16:05:47.811Z"
},
{
"name": "cq:lastModified",
"value": "2025-07-08T16:05:47.890Z"
}
],
"calendarArrayMetadata": []
},
"_variations": [],
"_model": {
"_path": "/conf/my-app/settings/dam/cfm/models/news",
"title": "News"
},
"_tags": []
}
],
"_metadata": {
"stringMetadata": [
{
"name": "title",
"value": "home"
},
{
"name": "description",
"value": ""
},
{
"name": "cq:lastReplicationAction",
"value": "Activate"
}
],
"stringArrayMetadata": [],
"intMetadata": [],
"intArrayMetadata": [],
"floatMetadata": [],
"floatArrayMetadata": [],
"booleanMetadata": [],
"booleanArrayMetadata": [],
"calendarMetadata": [
{
"name": "jcr:created",
"value": "2025-07-03T21:21:55.895Z"
},
{
"name": "cq:lastPublished",
"value": "2025-07-08T08:16:40.405Z"
},
{
"name": "cq:lastModified",
"value": "2025-07-08T16:05:47.976Z"
}
],
"calendarArrayMetadata": []
},
"_variations": [
"tech"
],
"_model": {
"_path": "/conf/my-app/settings/dam/cfm/models/home",
"title": "home"
},
"_tags": []
}
}
}
}
Topics
Topics help categorize Community content and increase your ability to discover relevant content.
1 Accepted Solution
Correct answer by
Correct answer by
