ember-cli-cloudinary-light v0.11.0
ember-cli-cloudinary-light
Ember addon for Cloudinary without jquery. Works good for fastboot.
Compatibility
- Ember.js v4.8 or above
- Ember CLI v4.8 or above
- Node.js v18 or above
From version 0.6.0 there is no positional parameters, publicId and options are arguments!
Installation
ember install ember-cli-cloudinary-light
Add your cloud name to config/environment.js ENV:
cloudinary: {
cloudName: 'some_cloud_name',
},
Components
cloudinary-image
This component will render an <img>
built from a cloudinary url and options.
<CloudinaryImage @publicId={{this.myImageId}} @options={{hash width='60' height='60' crop='fill' quality='auto'}} />
Width and height attributes are set on the img tag as well as passed to cloudinary, allowing you to specify the resolution via the "dpr" attribute.
<CloudinaryImage @publicId={{this.myImageId}} @options={{hash width='60' height='60' dpr='2.0'}} />
cloudinary-video
This will render a <source>
for use in a <video>
<video controls>
<CloudinaryVideo @publicId='dog.mp4'/>
</video>
cloudinary-resource-list
Cloudinary's Client Side Resource Lists allow you to list cloudinary resources for a given tag.
<CloudinaryResourceList @cloudinaryTag='logo' as |resourceList|>
{{#each resourceList.items as |item|}}
<span>{{item.public_id}}</span>
{{/each}}
</CloudinaryResourceList>
safe-cloudinary-url helper
This helper can be used in styles when you want to have dynamic url:s to cloudinary. It will return "background-image: url(..)" ready to use in a style element.
Contributing
See the Contributing guide for details.
License
This project is licensed under the MIT License.
4 months ago
8 months ago
10 months ago
1 year ago
1 year ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago