node.js - keystonejs で CloudinaryImage を使用したキャプション付きの画像ギャラリー

Question

keystonejs と CloudinaryImages を使用してイメージ ギャラリーを作成しています。

{ type: Types.CloudinaryImages }

画像にキャプションを追加する機能が必要です。

私もこれを読んでいました: https://github.com/keystonejs/keystone/pull/604

しかし、このオプションが既に設定されているかどうかはわかりませんでした。

何か案が？ありがとう。

Answer 1

私は同様の問題を抱えていました.Galleryの説明を持つGalleryに含まれている間、Imagesに独自の説明やその他の属性を与えることができるようにしたかったのです。

これはあなたが探している以上のものかもしれませんが、ここに画像モデルがあります:

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

これを処理するには、テンプレート ビューとルートを作成する必要がありますが、それ以上の作業は必要ありません。これらは単なるモデルです。これに使用しているルートを投稿してほしい場合はお知らせください。私のビューのハンドルバーなので、それほど役に立たないかもしれません。