带有标题的图片库,在 keystonejs 上使用 CloudinaryImage

2024-04-28

我正在使用 keystonejs 和 CloudinaryImages 创建图像库。

{ type: Types.CloudinaryImages }

我需要能够为图像添加标题。

我也在读这个:https://github.com/keystonejs/keystone/pull/604 https://github.com/keystonejs/keystone/pull/604

但我不知道这个选项是否已经到位。

任何想法? 谢谢。


我遇到了类似的问题,我希望能够为图像提供自己的描述和其他属性,同时也将其包含在带有图库描述的图库中。

这可能超出您的要求,但这是一个图像模型:

var keystone = require('keystone'),
Types = keystone.Field.Types;

/**
 * Image Model
 * ==================
*/

var Image = new keystone.List('Image', {
    map: { name: 'name' },
    autokey: { path: 'slug', from: 'name', unique: true }
});

Image.add({
    name: { type: String, required: true },
    image: { type: Types.CloudinaryImage, autoCleanup: true, required: true, initial: false },
    description: { type: Types.Textarea, height: 150 },
});

Image.relationship({ ref: 'Gallery', path: 'heroImage' });
Image.relationship({ ref: 'Gallery', path: 'images' });

Image.register();

包含这些图像的画廊如下所示:

var keystone = require('keystone'),
Types = keystone.Field.Types;

/**
 * Gallery Model
 * =============
 */

var Gallery = new keystone.List('Gallery', {
    map: { name: 'name' },
    autokey: { path: 'slug', from: 'name', unique: true }
});

Gallery.add({
    name: { type: String, required: true},
    published: {type: Types.Select, options: 'yes, no', default: 'no', index: true, emptyOption: false},
    publishedDate: { type: Types.Date, index: true, dependsOn: { published: 'yes' } },
    description: { type: Types.Textarea, height: 150 },
    heroImage : { type: Types.Relationship, ref: 'Image' },
    images : { type: Types.Relationship, ref: 'Image', many: true }
});

Gallery.defaultColumns = 'title, published|20%, publishedDate|20%';
Gallery.register();

您将需要创建模板视图和路由来处理此问题,但这不需要太多工作 - 这些只是模型 - 如果您希望我发布我为此使用的路由,请告诉我,我正在使用我的观点的把手,所以可能没有那么有帮助。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

带有标题的图片库,在 keystonejs 上使用 CloudinaryImage 的相关文章

随机推荐