Add custom field to media attachment image attribute in post editor

I wonder if you want to modify the HTML of the inserted image, with the image_send_to_editor or get_image_tag filters?

If that’s the case, then here’s one example:

/**   
 * Add the data-ext-link-title and data-ext-link-url attributes to inserted images. 
 */

add_filter( 'image_send_to_editor',
    function( $html, $id, $caption, $title, $align, $url, $size, $alt )
    {    
        if( $id > 0 )
        {
            $ext_title = get_post_meta( $id, 'pp_external_link_title', true ); 
            $ext_url   = get_post_meta( $id, 'pp_external_link_url',   true ); 
            $data  = sprintf( ' data-ext-link-title="%s" ', esc_attr( $ext_title ) );
            $data .= sprintf( ' data-ext-link-url="%s" ',   esc_url( $ext_url )    );
            $html = str_replace( "<img src", "<img{$data}src", $html );
        }
        return $html;
    }
, 10, 8 );

Here I assume you want empty data-ext-link-title or data-ext-link-url attributes, if the corresponding meta values are empty or missing.

Hopefully you can adjust this to your needs.

Related Posts:

  1. what is the correct way to compare dates in a WP query_posts meta_query
  2. Creating an Image-Centric Custom Post Type?
  3. don’t publish custom post type post if a meta data field isn’t valid
  4. Correctly delete posts with meta and attachments [duplicate]
  5. Search multiple custom fields by using meta_query
  6. Custom Post Type with Custom Title
  7. How can I customize “Pages” admin (edit.php) and “Edit Page” admin (post.php) for bulk edit of custom content type?
  8. Stopping WordPress from Auto Generating Image Files for Sizes
  9. Community and User Generated Content Website: Have been thinking about Drupal but leaning on WordPress heavily
  10. Impossible to get Attachments Outside WordPress?
  11. Related links – from other sites
  12. Saving repeated option values in a custom query
  13. Assigning the same custom meta box to multiple post types
  14. Dynamically add / duplicate custom meta in custom post types
  15. How to insert content from another Custom Post type into Post?
  16. How to structure a site with product variations pages?
  17. Custom Post Type – List all attachments on Edit Screen
  18. How can I get the number of custom post type posts that have a specific attachment image set?
  19. Hierarchy and access control for Custom Post Types (CPT)
  20. Cannot save CPT meta box
  21. don’t publish custom post type post if a meta data field isn’t valid
  22. custom post data – how to
  23. Add post meta programmatically to attachment
  24. How to customize work area / admin area in a custom post type without plugins?
  25. How to display custom field value on page?
  26. Display custom post type for specific user
  27. Need to have an archive widget which organizes and displays a custom post type using a custom date field
  28. Let users upload image(s) to the post from front end
  29. How to hide a custom field from admin?
  30. How to keep a record of changes to a custom field?
  31. Use Gravity Forms and a Shopping Cart for output to Freshbooks for an Estimate [closed]
  32. Why doesnt my tag page populate with this custom post type?
  33. How do I ensure that post_type and Taxonomy use the same slug?
  34. Custom Form / Search with Custom Post Type Data
  35. Adding a location field to buddypress activity
  36. Auto update publish date of CPT Post if default post custom field value match to cpt post CF Value
  37. wp_set_object_terms creates taxonomies but does not add custom posts to it
  38. How can I fetch all the dates from custom fields from various different custom post types and show / list them at one place in ascending order?
  39. Displaying posts inside table having issues
  40. Automatic Set Category For A Custom Post Type
  41. How to Disable option of meta field if that option is selected for any other post in custom post type?
  42. How to display all custom fields associated with a post type – IN THE ADMIN AREA?
  43. Delete custom post type metadata without deleting the post in admin area
  44. Delete attachment with post
  45. Adding thumbnails for non-image attachments
  46. Select Menu for Custom post Type does not save
  47. How can i display on front page a movie that is atached in a post type
  48. Exposing custom fields to the user in custom type post
  49. Creating post custom field text area
  50. Sort CPT by taxonomy AND THEN by custom field
  51. How to display *block number* instead *date value* on WordPress posts?
  52. Custom field values deleted when trashing custom post type
  53. Redirect after deleting post and keep track of pagination
  54. Localization For Two Different Regions/Domains with the Same Language
  55. Add comments meta fields to comments metabox on post edit screen
  56. Saving multiple Metabox contents
  57. Custom post type / custom fields
  58. How do you output custom code between posts in the loop?
  59. wp_get_nav_menu_items wp-admin/customize.php problem
  60. Ajax form filter post by custom fields [closed]
  61. Custom Posts Hierarchy? (State/City/Restaurant)
  62. window.send_to_editor and jQuery .attr() conflicts with multiple custom upload image meta boxes
  63. Disable featured image
  64. Filtering custom post type on a combination of custom taxonomies and custom fields?
  65. How do I associate a custom post type with another through a taxonomy or storing an ID in a custom field?
  66. Meta query for custom post type ignored in main query
  67. Custom Path/Folder behind a custom post type
  68. Show custom post type relationships by taxonomy
  69. get_post_meta not working on publishing
  70. Searching Custom Post Types
  71. How do you get the full size url of an attachment image
  72. add post meta value
  73. Get custom term meta problem on single post type
  74. Adding Template Post Content
  75. CPT Repeatable Fields + Undefined Index
  76. Filtered by a custom field, ordered by another
  77. delete duplicate meta_value with same post_id
  78. CMB select with data from CPT
  79. Search CPT Title AND Meta
  80. Custom field only on custom post type?
  81. Multiple categories assigned to a single product breaking the breadcrumb
  82. How can I assign multiple parents to CPT?
  83. Filter posts by their related field’s custom field
  84. I want to create a metabox under custom taxonomy
  85. How can I register multiple custom post fields to json?
  86. Sql Update CPT from publish to draft and particular custom field
  87. Limit posts per page depending on the size of a div?
  88. sorting in wp query based on custom field value
  89. WordPress loop add heading before first of type
  90. How do i create user accounts from custom posts that have email addresses
  91. Best way to use Category & Custom Fields?
  92. How do I add custom fields to posts without having to manually add everytime I post?
  93. How to display custom post type ordered by a custom field date
  94. Is it good practice to search for custom posts based on custom field values?
  95. Custom post type with custom fields enabled, is there a way to set a default group of fileds?
  96. Storing/querying custom date data
  97. Custom Post type easy way for editors
  98. pre_get_posts causes Custom Posts appear under ‘Pages’ menu
  99. Post object GUID adding http:/
  100. Query order by a numeric ACF field

Leave a Comment