Title: Change generated HTML code from "Add Media" button Last modified: August 21, 2016 --- # Change generated HTML code from "Add Media" button * Resolved [coldpumpkin](https://wordpress.org/support/users/coldpumpkin/) * (@coldpumpkin) * [12 years, 8 months ago](https://wordpress.org/support/topic/change-generated-html-code-from-add-media-button/) * Hello there. * When we’re inserting an image to a post, by clicking the “Add Media” button, WordPress generates a certain code, being: * `image_name` * Question here is – how to change the way the code is generated? What if I want to add attributes to the `` tag? And what if I don’t want some of those attributes of the `` tag? * Thanks in advance for your answers! Viewing 15 replies - 1 through 15 (of 19 total) 1 [2](https://wordpress.org/support/topic/change-generated-html-code-from-add-media-button/page/2/?output_format=md) [→](https://wordpress.org/support/topic/change-generated-html-code-from-add-media-button/page/2/?output_format=md) * [esmi](https://wordpress.org/support/users/esmi/) * (@esmi) * [12 years, 8 months ago](https://wordpress.org/support/topic/change-generated-html-code-from-add-media-button/#post-4144425) * > What if I want to add attributes to the `` tag? * What attributes? * Moderator [bcworkz](https://wordpress.org/support/users/bcworkz/) * (@bcworkz) * [12 years, 8 months ago](https://wordpress.org/support/topic/change-generated-html-code-from-add-media-button/#post-4144431) * Use the ‘get_image_tag’ filter. Your callback is passed a bunch of data that might be useful. See the [source code](http://core.trac.wordpress.org/browser/tags/3.6.1/wp-includes/media.php#L228) from where the filter originates for a better idea of the possibilities. * Thread Starter [coldpumpkin](https://wordpress.org/support/users/coldpumpkin/) * (@coldpumpkin) * [12 years, 8 months ago](https://wordpress.org/support/topic/change-generated-html-code-from-add-media-button/#post-4144443) * [@esmi](https://wordpress.org/support/users/esmi/) – Imagine I need to add an` id=` attribute to every picture uploaded. * [@bcworkz](https://wordpress.org/support/users/bcworkz/) – That’s nice. However I see the `` is missing from the code. Why is that? All I can manipulate is the `` tag. * Moderator [bcworkz](https://wordpress.org/support/users/bcworkz/) * (@bcworkz) * [12 years, 8 months ago](https://wordpress.org/support/topic/change-generated-html-code-from-add-media-button/#post-4144548) * Oh, sorry about that. I focused on the `` tag for some reason. You want the ‘image_send_to_editor’ filter, which also includes the `` tag. [Origin](http://core.trac.wordpress.org/browser/tags/3.6.1/wp-admin/includes/media.php#L107) * Thread Starter [coldpumpkin](https://wordpress.org/support/users/coldpumpkin/) * (@coldpumpkin) * [12 years, 8 months ago](https://wordpress.org/support/topic/change-generated-html-code-from-add-media-button/#post-4144559) * It doesn’t contain the `` tag, however I can change it in the originally said ‘get_image_tag’ filter and it works! Thank you 🙂 * Thread Starter [coldpumpkin](https://wordpress.org/support/users/coldpumpkin/) * (@coldpumpkin) * [12 years, 3 months ago](https://wordpress.org/support/topic/change-generated-html-code-from-add-media-button/#post-4144749) * I’d like to bump in this thread because I wonder if there’s another solution that doesn’t include hacking the original WordPress files. Can it be done through the theme’s functions.php? * Thanks. * [nickohrn](https://wordpress.org/support/users/nickohrn/) * (@nickohrn) * [12 years, 3 months ago](https://wordpress.org/support/topic/change-generated-html-code-from-add-media-button/#post-4144750) * You absolutely should not change WordPress core files as you’ll lose your changes on upgrade. When bcworkz was referencing filters, he meant you should write something your functions.php like the following: * ``` function filter_image_send_to_editor($content) { $content .= '

Unicorns are awesome.

'; return $content; } add_filter('image_send_to_editor', 'filter_image_send_to_editor'); ``` * Inside that filter call you just need to do whatever transformation you want. * Thread Starter [coldpumpkin](https://wordpress.org/support/users/coldpumpkin/) * (@coldpumpkin) * [12 years, 3 months ago](https://wordpress.org/support/topic/change-generated-html-code-from-add-media-button/#post-4144751) * Hello there nickohm. * That’s good to hear and that’s exactly the problem – whenever WordPress updates, it resets to default. * I tried inserting that code in the functions file and it indeed adds the `

Unicorns are awesome

` to the end of the tags. However, it adds to the end, instead of replacing everything. * Is there a way to rewrite/replace the text coming out? * [nickohrn](https://wordpress.org/support/users/nickohrn/) * (@nickohrn) * [12 years, 3 months ago](https://wordpress.org/support/topic/change-generated-html-code-from-add-media-button/#post-4144752) * Do you know PHP at all? That callback function is accepting a string (the default output that you want to modify) and returning a string (the content that will actually be inserted). All you have to do is return the correct string – whatever that is. * Thread Starter [coldpumpkin](https://wordpress.org/support/users/coldpumpkin/) * (@coldpumpkin) * [12 years, 3 months ago](https://wordpress.org/support/topic/change-generated-html-code-from-add-media-button/#post-4144753) * I don’t really know much of PHP, I just work along with what I have. * I’m sure that what you said makes sense, however I have no clue how to make it work. * Let’s say the current tag being sent to the editor is `` and I want to change it to `

miaumiau you can't insert images

` * How exactly would the function be? Like I said, from your code I understood I could change the `$content` however I wanted, but that just adds content to the end. How can I change the whole? * Basically from the core files we have this: * ``` 107 function get_image_send_to_editor($id, $caption, $title, $align, $url='', $rel = false, $size='medium', $alt = '') { 108 109 $html = get_image_tag($id, $alt, '', $align, $size); 110 111 $rel = $rel ? ' rel="attachment wp-att-' . esc_attr($id).'"' : ''; 112 113 if ( $url ) 114 $html = '$html"; 115 116 $html = apply_filters( 'image_send_to_editor', $html, $id, $caption, $title, $align, $url, $size, $alt ); 117 118 return $html; ``` * ``` 228 function get_image_tag($id, $alt, $title, $align, $size='medium') { 229 230 list( $img_src, $width, $height ) = image_downsize($id, $size); 231 $hwstring = image_hwstring($width, $height); 232 233 $title = $title ? 'title="' . esc_attr( $title ) . '" ' : ''; 234 235 $class = 'align' . esc_attr($align) .' size-' . esc_attr($size) . ' wp-image-' . $id; 236 $class = apply_filters('get_image_tag_class', $class, $id, $align, $size); 237 238 $html = '' . esc_attr($alt) . ''; 239 240 $html = apply_filters( 'get_image_tag', $html, $id, $alt, $title, $align, $size ); 241 242 return $html; 243 } ``` * And I know how to change it accordingly to how I want, because the **content is there**. * [nickohrn](https://wordpress.org/support/users/nickohrn/) * (@nickohrn) * [12 years, 3 months ago](https://wordpress.org/support/topic/change-generated-html-code-from-add-media-button/#post-4144754) * In my example I appended the paragraph to the content sent into the function. However, you could just as easily do something like the following: * ``` function filter_image_send_to_editor($html, $id, $caption, $title, $align, $url, $size, $alt) { $html = str_replace('` tag? How can I change it? 🙂 Sorry. * [nickohrn](https://wordpress.org/support/users/nickohrn/) * (@nickohrn) * [12 years, 3 months ago](https://wordpress.org/support/topic/change-generated-html-code-from-add-media-button/#post-4144756) * Perhaps the easiest way is to tell me what the output is and what you want the output to be and I can just write the code to make that happen for you. I’m afraid you won’t learn as much, but you’ll get a solution much quicker 🙂 * Thread Starter [coldpumpkin](https://wordpress.org/support/users/coldpumpkin/) * (@coldpumpkin) * [12 years, 3 months ago](https://wordpress.org/support/topic/change-generated-html-code-from-add-media-button/#post-4144757) * Alright 🙂 What I want is: * `` * Simple as that 😀 * [nickohrn](https://wordpress.org/support/users/nickohrn/) * (@nickohrn) * [12 years, 3 months ago](https://wordpress.org/support/topic/change-generated-html-code-from-add-media-button/#post-4144758) * Just to be clear, the `href` attribute and the `src` attribute should point to the same place? I’m assuming you need an `alt` attribute as well for validation purposes? Viewing 15 replies - 1 through 15 (of 19 total) 1 [2](https://wordpress.org/support/topic/change-generated-html-code-from-add-media-button/page/2/?output_format=md) [→](https://wordpress.org/support/topic/change-generated-html-code-from-add-media-button/page/2/?output_format=md) The topic ‘Change generated HTML code from "Add Media" button’ is closed to new replies. * In: [Hacks](https://wordpress.org/support/forum/plugins-and-hacks/hacks/) * 19 replies * 4 participants * Last reply from: [coldpumpkin](https://wordpress.org/support/users/coldpumpkin/) * Last activity: [12 years, 3 months ago](https://wordpress.org/support/topic/change-generated-html-code-from-add-media-button/page/2/#post-4144763) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics