Solved

What does the mce_src image tag do?

Posted on 2009-05-18
4
4,888 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
Comment Utility
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
Comment Utility
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
Comment Utility
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
Comment Utility
Oh well, sounds like just another one of those undocumented MS "features".

Thanks
0

Featured Post

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

This article discusses how to create an extensible mechanism for linked drop downs.
This process describes the steps required to Import and Export data from and to .pst files using Exchange 2010. We can use these steps to export data from a user to a .pst file, import data back to the same or a different user, or even import data t…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
This video shows how to remove a single email address from the Outlook 2010 Auto Suggestion memory. NOTE: For Outlook 2016 and 2013 perform the exact same steps. Open a new email: Click the New email button in Outlook. Start typing the address: …

763 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

Need Help in Real-Time?

Connect with top rated Experts

6 Experts available now in Live!

Get 1:1 Help Now