# Drag and drop email editor - HTML Source Code Accessibility (for images)

**URL:** <https://community.hubspot.com/t/drag-and-drop-email-editor-html-source-code-accessibility-for-images/10531>\
**Category:** HubSpot Ideas\
**Tags:** marketing-email\
**Created:** [October 10, 2018, 8:03pm UTC](https://community.hubspot.com/t/drag-and-drop-email-editor-html-source-code-accessibility-for-images/10531 "2018-10-10T20:03:10Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![HighQ](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/highq/32/27089_2.png) [@HighQ](https://community.hubspot.com/u/HighQ)\
**Post date:** [October 10, 2018, 8:03pm UTC](https://community.hubspot.com/t/drag-and-drop-email-editor-html-source-code-accessibility-for-images/10531/1 "2018-10-10T20:03:10Z")

</div>

Hello!  
I’m trying out Drag and Drop email editor for the first time. I generally like it, but would like to have HTML source code access for all elements again. It has it available for rich text, but not images.

I’d like it for images so I can turn off image resizing (see link below). It’s causes my pictures to be pixelated, so when it’s really noticable, I turn it off. Another workaround would be if I had the ability to toggle image resizing on and off.

[https://knowledge.hubspot.com/articles/kcs\_article/cos-general/can-i-disable-automatic-image-resizing](https://knowledge.hubspot.com/articles/kcs_article/cos-general/can-i-disable-automatic-image-resizing)

Thank you!

---

<div class="post-metadata">

**Author:** ![emilytong](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/emilytong/32/67797_2.png) [@emilytong](https://community.hubspot.com/u/emilytong)\
**Post date:** [February 21, 2019, 2:59pm UTC](https://community.hubspot.com/t/drag-and-drop-email-editor-html-source-code-accessibility-for-images/10531/2 "2019-02-21T14:59:50Z")

</div>

Definitely second this idea for the DnD editor - either giving access to the source code generally, or creating a **noresize?** toggle just for images.

---

<div class="post-metadata">

**Author:** ![TrishoxfordNC](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/trishoxfordnc/32/22074_2.png) [@TrishoxfordNC](https://community.hubspot.com/u/TrishoxfordNC)\
**Post date:** [March 5, 2019, 2:35pm UTC](https://community.hubspot.com/t/drag-and-drop-email-editor-html-source-code-accessibility-for-images/10531/3 "2019-03-05T14:35:57Z")

</div>

This is a must! Please allow for source code.

---

<div class="post-metadata">

**Author:** ![jacobrabinowitz](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jacobrabinowitz/32/21752_2.png) [@jacobrabinowitz](https://community.hubspot.com/u/jacobrabinowitz)\
**Post date:** [April 23, 2019, 8:38pm UTC](https://community.hubspot.com/t/drag-and-drop-email-editor-html-source-code-accessibility-for-images/10531/4 "2019-04-23T20:38:11Z")

</div>

I third this!

---

<div class="post-metadata">

**Author:** ![stinhambo](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/stinhambo/32/26597_2.png) [@stinhambo](https://community.hubspot.com/u/stinhambo)\
**Post date:** [May 9, 2019, 2:33am UTC](https://community.hubspot.com/t/drag-and-drop-email-editor-html-source-code-accessibility-for-images/10531/5 "2019-05-09T02:33:40Z")

</div>

I’d like to be able to create modules with no fear that Hubspot will add loads of HTML cruft to the template.

Marketo does this well where I can define variables and drag in the elements I need.

With Hubspot, as you’re using a Python/Twig style template language, how about the ability to simply extend another layout? That way we can create a Drag and Drop template by specifying a base template and simply extend it with additional modules?

Currently, I can’t create non-closed HTML for the header and footer as the Hubspot cruft that wraps it ruins the layout.

---

<div class="post-metadata">

**Author:** ![hannuCR](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/hannucr/32/85342_2.png) [@hannuCR](https://community.hubspot.com/u/hannuCR)\
**Post date:** [June 13, 2019, 7:45am UTC](https://community.hubspot.com/t/drag-and-drop-email-editor-html-source-code-accessibility-for-images/10531/6 "2019-06-13T07:45:55Z")

</div>

This is definitely needed! The automatic resize function is killing my image quality, especially when I have two columns at desktop width and single column at mobile width.

---

<div class="post-metadata">

**Author:** ![mdenning](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/mdenning/32/26012_2.png) [@mdenning](https://community.hubspot.com/u/mdenning)\
**Post date:** [July 5, 2019, 4:49pm UTC](https://community.hubspot.com/t/drag-and-drop-email-editor-html-source-code-accessibility-for-images/10531/7 "2019-07-05T16:49:09Z")

</div>

Would love to see the source code button as well. I do not use the DnD editor because of this. Designers need to be able to customize more than what is provided.

---

<div class="post-metadata">

**Author:** ![ericahelmer](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ericahelmer/32/30597_2.png) [@ericahelmer](https://community.hubspot.com/u/ericahelmer)\
**Post date:** [August 27, 2019, 12:02am UTC](https://community.hubspot.com/t/drag-and-drop-email-editor-html-source-code-accessibility-for-images/10531/8 "2019-08-27T00:02:01Z")

</div>

I personally would like to just be able to set the default to high permanently, best case by user (for those few who don’t get it). Given that there is a ‘default’ option, it would seem this is planned - but not yet executed. I also noticed that even if you set an image to high - if you navigate away and return to the save message, it downgrades them again regardless and you have to do it all over again. And it seems to be worse all of a sudden.

This isn’t a nice to have - and I have NO desire to add custom code each time I add an image. While that may have worked in templates - completely counterproductive in a drag and drop.

Given the volume of hi-def monitors today - it is completely unacceptable to have my logos looking like this:

![Screen Shot 2019-08-26 at 4.48.21 PM.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/8/1/81065dc33401dba9b89b7b98283f2423d1fd3049.png)

---

<div class="post-metadata">

**Author:** ![HighQ](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/highq/32/27089_2.png) [@HighQ](https://community.hubspot.com/u/HighQ)\
**Post date:** [August 27, 2019, 12:42am UTC](https://community.hubspot.com/t/drag-and-drop-email-editor-html-source-code-accessibility-for-images/10531/9 "2019-08-27T00:42:57Z")

</div>

@ericahelmer Agreed! Our images rarely look the quality they should/are. (Not to mention on the 4k monitor) 😞

Completely agree we shouldn’t have to code anything for an image to look professional/presentable!

---

<div class="post-metadata">

**Author:** ![bp-az](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/bp-az/32/101739_2.png) [@bp-az](https://community.hubspot.com/u/bp-az)\
**Post date:** [September 26, 2019, 4:00pm UTC](https://community.hubspot.com/t/drag-and-drop-email-editor-html-source-code-accessibility-for-images/10531/10 "2019-09-26T16:00:16Z")

</div>

I like the idea of HubSpot ensuring sizes are optimized for speed as my team sometimes uploads 2mb images because they don’t know to resize them. However, as the admin and developer I need the ability to turn this off in the DnD editor. I would hate to go back to building the emails in the custom editor and having my team come to me all the time to fix things. 🙂 Thanks HubSpot!

---

<div class="post-metadata">

**Author:** ![valoo](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/valoo/32/31639_2.png) [@valoo](https://community.hubspot.com/u/valoo)\
**Post date:** [October 4, 2019, 2:43pm UTC](https://community.hubspot.com/t/drag-and-drop-email-editor-html-source-code-accessibility-for-images/10531/11 "2019-10-04T14:43:29Z")

</div>

For sure I’d like to have this opportunity. As an exemple, in the drag’n’drop editor, I cannot center an element vertically. I need it!

 ![Capture d’écran 2019-10-03 à 20.31.37.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/e/7/e71520c750533f52303d6ee5245a8423fd461e83.png)

---

<div class="post-metadata">

**Author:** ![Roshni\_S](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/roshni_s/32/69256_2.png) [@Roshni\_S](https://community.hubspot.com/u/Roshni_S)\
**Post date:** [March 6, 2020, 3:36pm UTC](https://community.hubspot.com/t/drag-and-drop-email-editor-html-source-code-accessibility-for-images/10531/12 "2020-03-06T15:36:42Z")

</div>

I agree this is a must, we should be able to see the source code.

---

<div class="post-metadata">

**Author:** ![TJ\_Price](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tj_price/32/97852_2.png) [@TJ\_Price](https://community.hubspot.com/u/TJ_Price)\
**Post date:** [March 6, 2020, 4:03pm UTC](https://community.hubspot.com/t/drag-and-drop-email-editor-html-source-code-accessibility-for-images/10531/13 "2020-03-06T16:03:32Z")

</div>

Agreed 100%.

---

<div class="post-metadata">

**Author:** ![Shane\_Janssens](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/shane_janssens/32/70578_2.png) [@Shane\_Janssens](https://community.hubspot.com/u/Shane_Janssens)\
**Post date:** [May 12, 2020, 7:13pm UTC](https://community.hubspot.com/t/drag-and-drop-email-editor-html-source-code-accessibility-for-images/10531/14 "2020-05-12T19:13:37Z")

</div>

Hi Contributers, thank you for the idea and for all the feedback, This feature is not available for Marketing Email yet. We are hoping to review this, but this is not planned for development in the next quarter. For transparency and clarity, I am updating this issue to ‘Not currently planned’ for the time being. I will update here once we have plans in place.

Best,

Shane

---

<div class="post-metadata">

**Author:** ![Jacob02](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jacob02/32/81360_2.png) [@Jacob02](https://community.hubspot.com/u/Jacob02)\
**Post date:** [June 9, 2020, 6:55am UTC](https://community.hubspot.com/t/drag-and-drop-email-editor-html-source-code-accessibility-for-images/10531/15 "2020-06-09T06:55:19Z")

</div>

I agree to the OP and @stinhambo. It should be possible to wrap things up with the custom HTML module.

---

<div class="post-metadata">

**Author:** ![SylwiaVN](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sylwiavn/32/89259_2.png) [@SylwiaVN](https://community.hubspot.com/u/SylwiaVN)\
**Post date:** [August 26, 2021, 12:02pm UTC](https://community.hubspot.com/t/drag-and-drop-email-editor-html-source-code-accessibility-for-images/10531/16 "2021-08-26T12:02:51Z")

</div>

Yes, please. Am behind the idea of being able to view / edit the HTML source of image module.

---

<div class="post-metadata">

**Author:** ![viorels](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/viorels/32/86357_2.png) [@viorels](https://community.hubspot.com/u/viorels)\
**Post date:** [November 16, 2021, 9:16pm UTC](https://community.hubspot.com/t/drag-and-drop-email-editor-html-source-code-accessibility-for-images/10531/17 "2021-11-16T21:16:27Z")

</div>

Meanwhile it is possible to edit source code in Email marketing and in Email signatures but not also in the actual emails.

[@Shane\_Janssens](https://community.hubspot.com/t5/user/viewprofilepage/user-id/96739) Is it possible to bring the functionality of source code editing to the individual emails also?

---

<div class="post-metadata">

**Author:** ![MarkusC](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/markusc/32/44643_2.png) [@MarkusC](https://community.hubspot.com/u/MarkusC)\
**Post date:** [January 25, 2023, 5:57pm UTC](https://community.hubspot.com/t/drag-and-drop-email-editor-html-source-code-accessibility-for-images/10531/18 "2023-01-25T17:57:09Z")

</div>

I’m shocked that this hasn’t seen any movement from HubSpot’s devs in nearly 3 years. At the very least, could we get the ability to add custom CSS to the head of a DnD email template? That would help to bridge the gap between the limited but easy-to-use DnD editor and the full-on coding option that so many users are unable or unwilling to use.

---

<div class="post-metadata">

**Author:** ![Assoc-Sacto](https://avatars.discourse-cdn.com/v4/letter/a/c89c15/32.png) [@Assoc-Sacto](https://community.hubspot.com/u/Assoc-Sacto)\
**Post date:** [January 23, 2024, 8:05pm UTC](https://community.hubspot.com/t/drag-and-drop-email-editor-html-source-code-accessibility-for-images/10531/19 "2024-01-23T20:05:52Z")

</div>

I would like to do this so I can pull in personalized images (image source code).

---

<div class="post-metadata">

**Author:** ![BMCILVRIDE](https://avatars.discourse-cdn.com/v4/letter/b/3d9bf3/32.png) [@BMCILVRIDE](https://community.hubspot.com/u/BMCILVRIDE)\
**Post date:** [June 7, 2024, 7:21pm UTC](https://community.hubspot.com/t/drag-and-drop-email-editor-html-source-code-accessibility-for-images/10531/20 "2024-06-07T19:21:07Z")

</div>

I see this request was made in 2018, and still no plans to implement it. Is it that difficult to provide access to the HTML source code? This would be vrey handy to have.
