Solved

What does the mce_src image tag do?

Posted on 2009-05-18
4
5,066 Views
Last Modified: 2012-05-07
Looking for a way to set up an email signature template I can across this page (http://www.howto-outlook.com/howto/signatures.htm#company_logo) which uses this tag in the image, and seems to make Outlook embed the image in all outgoing emails (which is what we want). If the mce_src tag is not there it doesn't seem to work as expected when you use the file as a signature template.

What I want to know is why. Is this a Microsoft specific code that is undocumented, and what other uses might it have. It seems to get added by a number of Wysiwyg html editors as well.
0
Comment
Question by:mvanbeek
  • 2
  • 2
4 Comments
 
LVL 16

Expert Comment

by:s8web
ID: 24416627
The mce_src tag is used to link to an image at a location on the web.  The text below came from here: http://www.howto-outlook.com/howto/signatures.htm#company_logo.

Creating an HTML signature with a picture/company logo
When you want to add a picture or (company) logo to your signature youll have to use the advanced signature editor. This will only create a HTML signature. This is no problem as a Plain text signature cant hold embedded pictures and Rich Text is not a recommended format to send outside your local company as it is unsupported by many other mailclients and/or servers. For more info regarding Rich Text click here.

A thing that is important is that you link correctly to the file. By default when using Word or Front Page as the advanced editor they will place a copy of the picture in the Signatures folder when the picture gets inserted by Insert-> Picture& By modifying the HTML Source code you can also link to a picture on a web location. By default Outlook will retrieve the picture from the Internet before sending the message and embed it in-line.

The code would be looking like this;
<img src="http://www.domain.com/pictures/picture.jpg" mce_src="http://www.domain.com/pictures/picture.jpg">
0
 

Author Comment

by:mvanbeek
ID: 24419921
Thanks. I understand all that. What I wanted to know is who's tag is this. It isn't in the HTML standard, so someone must have come up with it, and if so, what did they define as its usage.

The link provided by w8web is the same as I provided, which prompted my question. I know how to do the signature, I would like to know why. I have been unable to find an explanation of the mce_src tag anywhere.
0
 
LVL 16

Accepted Solution

by:
s8web earned 500 total points
ID: 24433266
Sorry, I missed your link before my earlier response.  The "mce_" appears to to originally be from TinyMCE (tinymce.com), a JavaScript WYSIWYG Editor, often used in CMS applications. It is neither a valid nor accepted HTML tag, and it is not meant to be.

When pre-processing TinyMCE uses regular expressions to locate <script>, <style>, "src", "href" elements and attributes and adds the "mce" prefix to them. It then does a post-process to remove them before posting the code.  MS may have taken it or coincidentally used the same syntax to support external graphic linking in Outlook.

Here is a link describing the process indirectly...
http://tinymce.moxiecode.com/punbb/viewtopic.php?id=15347
0
 

Author Comment

by:mvanbeek
ID: 24440087
Oh well, sounds like just another one of those undocumented MS "features".

Thanks
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

830 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question