Use Image URL filename in <img src> tags

Feature Request Summary: 

Go back to using image filenames and suffixes in the <img src> code. A recent change to Zendesk code has impacted a common workaround to the lack of image Lightbox functionality. https://support.zendesk.com/hc/en-us/community/posts/4409217209370-Tip-Click-to-view-full-size-image-in-lightbox-or-modal

Description/Use Cases: 

Zendesk does not have a native image Lightbox feature. Workarounds include zooming images. In order to impact just one image type, the Zendesk community developed code to assist this.

Business impact of limitation or missing feature:

Before, when you added an image, the code looked like:

      Participants that arrive earlier than one hour before the session will
      see a warning to come back within one hour of the appointed time.<br>
      <img src="/hc/article_attachments/9540102520987/Live_FC_Early_Entrant.jpg" alt="Live_FC_Early_Entrant.jpg">

Now, the code looks like:

      Participants that arrive earlier than one hour before the session will
      see a warning to come back within one hour of the appointed time.<br>
      <img src="/hc/article_attachments/9540102520987" alt="Live_FC_Early_Entrant.jpg">

This breaks the functionality. You have to now copy the filename and filetype to the <img src> code every single time. This is highly inefficient and not scalable.

Other necessary information or resources:

https://support.zendesk.com/hc/en-us/community/posts/4409217209370-Tip-Click-to-view-full-size-image-in-lightbox-or-modal