Unable to upload Cloudinary image through Content Field
See original GitHub issueBug report
Describe the bug
I do not see the “Add Block” button for the Content field.
To Reproduce
Steps to reproduce the behaviour. Please provide code snippets or a repository:
After starting a fresh project with @keystonejs/example-projects-starter
, I attempted to create a Content field for an Article:
keystone.createList('Article', {
fields: {
title: { type: Text },
url: { type: Slug },
status: { type: Select, options: 'draft, published' },
postDate: {
type: DateTime,
format: 'MM/DD/YYYY h:mm A',
yearRangeFrom: 1901,
yearRangeTo: 2018,
yearPickerType: 'auto',
},
body: {
type: Content,
blocks: [
Content.blocks.blockquote,
Content.blocks.link,
Content.blocks.orderedList,
Content.blocks.unorderedList,
Content.blocks.heading,
[CloudinaryImage.blocks.image, { adapter: cloudinaryAdapter }],
],
},
}
})
- Log In
- Navigate to Articles
- Create new Article
- There is not button to add block or upload image
- Open Web Inspector
- The Add Block button is positioned
left: -9999px; top: -9999px;
Expected behaviour
I should see a button to add blocks and clicking it should show me a button to upload an image.
Screenshots
System information
- OS: macOS
- Browser: Tested in Chrome & Firefox
Additional context
No error messages in the console. I was able to successfully create an article and view it but the button still does not display.
@keystonejs/fields 8.0.0 @keystonejs/field-content 5.4.5 @keystonejs/keystone 7.1.0
Issue Analytics
- State:
- Created 3 years ago
- Reactions:1
- Comments:7 (2 by maintainers)
Top Results From Across the Web
Programmatically Uploading Images, Videos, and Other Files
Learn how to upload images, videos, and other files with only a line or two of code - with cloud storage, CDN delivery,...
Read more >Cannot upload image to cloudinary [#3016606] | Drupal.org
Hello guys I've faced with strange issue when I want to upload image to cloudinary with subfolders which didn't exist there yet.
Read more >Not able to upload images using cloudinary - node.js
uploader.upload( propertyImage.path, { folder: "/houseImage/" }, async (error, results) => { const image_url = results.url; property.save(err=> ...
Read more >Image upload with Django and Cloudinary - Alpha Coder
It can be a real pain to have to deal with uploads, storage, manipulation, administration and delivery of media content in every project...
Read more >Cloudinary Image Upload - The Setup - DEV Community
Click on the bold text that says Enable unsigned uploading, this allows users to upload images and other assets into your Cloudinary account ......
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Reverting to
field-content@5.4.1
appears to fix the issue.Keystone 5 has officially moved into active maintenance mode as we push towards the next major new version Keystone Next, you can find out more information about this transition here.
In an effort to sustain the project going forward, we’re cleaning up and closing old issues such as this one. If you feel this issue is still relevant for Keystone Next, please let us know.