title: Sitecore Reference media library image in an image's src attribute inside Rich Text field editor
body: <p>I'm using sitecore 8.1, I have a template contains field of type "Rich Text", I'm creating items based on this template and storing HTML contents inside this field. All HTML tags and everything works properly except the images which included inside the HTML content (in src attribute), and I've tried all below scenarios but all fail:</p>
  
  <blockquote>
    <p><strong>Note:</strong> All the following scenarios' results are showing the image properly inside the Rich Text Editor inside sitecore CMS but when trying to render the HTML in a mobile web view or any browser, the HTML looks properly but just images are empty.
    And there is only one way I've tried and it worked but doesn't 
    meet my requirements which is by mention an external URL inside src like:</p>
    
    <p><code>src="http://i.telegraph.co.uk/multimedia/archive/03589/Wellcome_Image_Awa_3589699k.jpg"</code></p>
  </blockquote>
  
  <p><strong>Scenarios:</strong></p>
  
  <ul>
  <li>Upload images inside media library and use Image Map Editor (called from Rich text editor) to reference the uploaded images, so the src attribute of image contains value like <code>src="-/media/5EA5C007FFFF4688A0B7E6F58B79D2E8.ashx?h=183&amp;amp;w=250"</code>
  Here also I tried to change the extension from ashx to the original one and remove the postfix params but without result.</li>
  <li>Specify the image url inside the media library explicitly inside src attribute like
  <code>src="/-/media/Contents/Images/foobar"</code> And also here I tried to change add the original extension but without result.</li>
  <li>Use <a href="http://www.sitecore.net/learn/blogs/technical-blogs/john-west-sitecore-blog/posts/2012/12/sitecore-idiosyncrasies-media-urls.aspx" rel="nofollow">this solution</a> but it has currupted all my media files, also after I upload new files, still can't see images inside HTML web view or browser.</li>
  <li>Add the original images inside sitecore website directory like <code>\website\contents\images</code> and reference it like any normal image reference through HTML like
  <code>src="/contents/images/foobar.jpg"</code> and like <code>src="~/contents/images/foobar.jpg"</code> but without any result or change.</li>
  </ul>
  
  <p>I prefer sure to avoid the last scenario by using Sitecore's Media Library</p>