Question

我对Apostrophe很陌生并喜欢它。

但是，我正在尝试在自定义小部件中实现图像选择器（来自撇号图像）。

这是我的index.js

module.exports = {        
 extend: 'apostrophe-widgets',        
 label: 'Slider Slide',        
addFields: [
 {
  name: 'line1',
  label: 'Line 1',
  type: 'string'
},
{
  name: 'line2',
  label: 'Line 2',
  type: 'string'
},
{
  name: 'description',
  label: 'Description',
  type: 'string',
  textarea: true
},
{
  name: 'buttontext',
  label: 'Button Text',
  type: 'string'
},
{
  name: 'buttonlink',
  label: 'Button Link',
  type: 'string'
 },
 {
    name: '_background',
    type: 'joinByOne',
    withType: 'apostrophe-image',
    label: 'background',
    idField: 'backgroundId'
  }      
]        
};

这一切都可以很好地创建内容。

当我尝试访问模块的widget.html中的图像时：

{{ apos.attachments.url(data.widget._background, { size: 'full' }) }}

我收到以下内容。

 /uploads/attachments/cjff74abn000w9zac6l8hjdnh-undefined.undefined

任何帮助都会在我出错的地方受到赞赏。我已经阅读了关于加入小部件的所有教程，但似乎无法理解undefined.undefined。

由于

Answer 1

您需要将attachment属性传递给网址助手

尝试

{{ apos.attachments.url(data.widget._background.attachment, { size: 'full' }) }}

自定义小部件中的图像选择

1 个答案: