撇号cms中图像的默认值?
Default value for images in apostrophe cms?
我有一个自定义小部件:
module.exports = {
extend: 'apostrophe-widgets',
label: 'Banner',
addFields: [
{
name: 'bannerImg',
type: 'attachment',
label: 'Picture',
def: 'http://via.placeholder.com/350x150'
}
]
};
和小部件视图:
<img class="logo" src="{{ apos.attachments.url(data.widget.bannerImg) }}" />
如果我加载图像没关系我看到了。但是我没有默认值。我也可以在不上传的情况下从图库中选择文件吗?
我折腾了半天,找到解决办法:
如回答:
{% if apos.areas.isEmpty(data.widget, 'bannerImg') %}
<h1>Default Value</h1>
{% endif %}
{{ apos.singleton(data.widget, 'bannerImg', 'apostrophe-images', { limit: 1 }) }}
另外,如果我们想获取此图片的 href:
{{ apos.attachments.url(apos.images.first(data.widget.bannerImg)) }}
也在index.js我改变了:
{
name: 'bannerImg',
type: 'singleton',
label: 'Banner',
widgetType: 'apostrophe-images',
options: {
limit: 1
}
},
我有一个自定义小部件:
module.exports = {
extend: 'apostrophe-widgets',
label: 'Banner',
addFields: [
{
name: 'bannerImg',
type: 'attachment',
label: 'Picture',
def: 'http://via.placeholder.com/350x150'
}
]
};
和小部件视图:
<img class="logo" src="{{ apos.attachments.url(data.widget.bannerImg) }}" />
如果我加载图像没关系我看到了。但是我没有默认值。我也可以在不上传的情况下从图库中选择文件吗?
我折腾了半天,找到解决办法:
如回答:
{% if apos.areas.isEmpty(data.widget, 'bannerImg') %}
<h1>Default Value</h1>
{% endif %}
{{ apos.singleton(data.widget, 'bannerImg', 'apostrophe-images', { limit: 1 }) }}
另外,如果我们想获取此图片的 href:
{{ apos.attachments.url(apos.images.first(data.widget.bannerImg)) }}
也在index.js我改变了:
{
name: 'bannerImg',
type: 'singleton',
label: 'Banner',
widgetType: 'apostrophe-images',
options: {
limit: 1
}
},