Found the solution, Finally got it to work.Use Mustache or Handlebars template system instead of underscore.js template system. Some how wordpress widget environment is not getting along with underscore template system.
WordPress Media Uploader : How to add custom button on featured image tab
Insert HTML markup to page content from the Media Frame modal
The issue was I overrode the Backbone.sync method only in Backbone.Model. When Backbone fetches the initial data (GET) it is using the sync method in Backbone.collections. So I need to override the sync in Backbone.Collections: app.Collection = Backbone.Collection.extend({ sync: function( method, model, options ){ return Backbone.sync(method, this, jQuery.extend( options, { beforeSend: function (xhr) { xhr.setRequestHeader( … Read more
Actually, you don’t have to extend the Post model (wp.api.models.Post) or Posts collection (wp.api.collections.Posts) because the documentation says: you will get new models and collections when you add REST API support to your custom post type And that means, your custom post type will be automatically added to the wp.api.models and wp.api.collections list, i.e. wp.api.models.<key> … Read more
Thanks @sallyCJ for fixing my error ! Here’s some examples for WP-API backbone JS client. It may help others : Fetch post of a certain author and category : var filteredPosts = new wp.api.collections.Posts(); authorsPosts.fetch({ data: { author: currentUserId, categories: 42 } }).then( posts => { for(const post of posts){ //do stuff with each post … Read more
Check if user can in javascript
I found this answer, it can be done like this: const state = this.state(); const selection = state.get( ‘selection’ ); selection.add({ url: ‘http://www2.cnrs.fr/sites/communique/image/mona_unvarnish_web_image.jpg’ }); Where this is an instance of wp.media.view.MediaFrame.Select Hope it helps someone!
Maybe you have an image that was smaller or equal to the thumbnail size, if so, then no thumbnail will be created, and this.data[i].sizes.thumbnail will be undefined.
I can access the points using http requests to the external api, but I need to be able to access the full api inside of the react-wp-theme. You could use either the wp-api script / Backbone JavaScript client library or one of the other client libraries listed here such as the node-wpapi library. Using the … Read more