即时文章生成器-如何为文章选择两个包含内容的区域/元素？
即时文章生成器-如何为文章选择两个包含内容的区域/元素？
提问于 2019-03-03 15:16:55
我的页面将文章摘要和内容放在单独的元素中，我需要在即时文章中同时显示这两种内容，但不需要更改页面的HTML结构。
https://developers.facebook.com/docs/instant-articles/builder
<div class="summary-news">
<div class="summary-content">
<h3>Summary</h3>
<ul>
<li> Item 1</li>
<li> Item 2</li>
<li> ... </li>
</ul>
</div>
</div>
<div>
<!-- Other content -->
</div>
<div class="text">
<!-- Main content -->
</div>回答 1
Stack Overflow用户
回答已采纳
发布于 2019-03-04 17:05:32
您可以将GlobalRule更改为特定于整个页面的任何包装标记的设置。
假设您的结构周围有一个<body>标记：
<body>
<div class="summary-news">
<div class="summary-content">
<h3>Summary</h3>
<ul>
<li> Item 1</li>
<li> Item 2</li>
<li> ... </li>
</ul>
</div>
</div>
<div>
<!-- Other content -->
</div>
<div class="text">
<!-- Main content -->
</div>
</body>然后只需要从article.body设置中更改您的GlobalRule属性就可以得到这个包装器容器：
{
"class":"GlobalRule",
"selector":"html",
"properties":{
"article.title":{...},
"author.url":{...},
"author.name":{...},
"author.role_contribution" : {...},
"author.description" : {...},
"article.canonical": {...},
"article.publish": {...},
"article.body":{
"selector":"body", // Or whatever selector that grabs your container
"type":"element"
},
"image.url":{...}
}
}这应该能满足你的需要。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54970295
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号