Галерея изображений с надписью с использованием CloudinaryImage on keystonejs

Question

Я использую keystonejs и CloudinaryImages для создания галереи изображений.

{ type: Types.CloudinaryImages } 

Мне нужна возможность добавить подпись к изображениям.

Я тоже читал это: https://github.com/keystonejs/keystone/pull/604

, но я не мог понять, если этот вариант уже на месте или нет.

Любая идея? Спасибо.

Answer 1

У меня была схожая проблема, я хотел, чтобы у меня были изображения с собственными описаниями и другими атрибутами, а также были включены в Галерею с описанием галереи.

Это может быть больше, чем вы ищете, но вот модель изображения:

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(); 

Вам нужно будет создать Template Views и Routes to Handle this, но это не слишком большая работа - это только модели. Сообщите мне, если вы хотите, чтобы я опубликовал маршруты, которые я использую для этого, я использую Handlebars для своих просмотров, поэтому это может быть не так полезно.