Sending Email from Asp.Net Using Formatted Text Editor and Attachments in single application.

Mohd Abdul Moyeed

Rate me:

3.12/5 (12 votes)

20 Aug 20055 min read

135.9K

4.5K

Email Application with text editor for formatting text and Attachments

Download source code

Introduction

Well till now you have seen sending email from Asp.Net But not formatted text and attachments in one application. Here is what I bring forward to you complete email sending with formatting text editor like Colored, Bold, Italicized, Indented you can even have the Links and pictures and attachments in single application.

The basic formatting tools and attachments are integrated in one application and also demonstrates using SMTP server and how to configure the default SMTP server. The System.Web.Mail namespace provides classes for sending email in .NET. The classes involved are MailMessage which manages the content of the mail message and MailAttachment which manages the mail attachments. And formatting of the text is done by TextEdit.js and MsgBody.htm files which are included in the SendEmail.aspx page.

Configuring SMTP server<o:p>

To configure "Default SMTP Virtual Server", right-click on it, go into "Properties", and select "Access" tab, and then click the "Relay" button. With "only the list below" radio button selected, you should see the local IP address: "127.0.0.1", if it's not there, you need to add it. <o:p>
If you are using "localhost" or "127.0.0.1" as the SmtpMail.SmtpServer, make sure "Anonymous access is allowed". To allow access, open up the IIS. Locate the SMTP virtual server, and right-click select Properties. <o:p>
You need to replace "localhost" with the name or IP address of your SMTP mail server. On a Windows desktop computer, "localhost" is the default value and usually works.<o:p>

How the code Works<o:p>

MailMessage has all required properties such as To, Subject, BCC, CC etc. For a complete list of method and properties, that you can make use of, please visit http://msdn.microsoft.com/library/default.asp?url=/library/en-us/cpref/html/frlrfSystemWebMailMailMessageMembersTopic.asp<o:p>

<o:p>

Now before writing the actual code for sending mail we have to write the code which formats the text or prepare the text editor. For text editor we need 3 files<o:p>

1) MsgBody.htm (This file holds the text which is to be edited.)<o:p>

2) Textedit.js (This file contains the code which formats the text)<o:p>

3) ColorPalette.htm (An html color palette is created which is used to color the text as shown below)<o:p>

<v:shapetype id="_x0000_t75" stroked="f" filled="f" path="m@4@5l@4@11@9@11@9@5xe" o:preferrelative="t" o:spt="75" coordsize="21600,21600"><v:stroke joinstyle="miter"><v:formulas><v:f eqn="if lineDrawn pixelLineWidth 0"><v:f eqn="sum @0 1 0"><v:f eqn="sum 0 0 @1"><v:f eqn="prod @2 1 2"><v:f eqn="prod @3 21600 pixelWidth"><v:f eqn="prod @3 21600 pixelHeight"><v:f eqn="sum @0 0 1"><v:f eqn="prod @6 1 2"><v:f eqn="prod @7 21600 pixelWidth"><v:f eqn="sum @8 21600 0"><v:f eqn="prod @7 21600 pixelHeight"><v:f eqn="sum @10 21600 0"><v:path o:connecttype="rect" gradientshapeok="t" o:extrusionok="f"><o:lock aspectratio="t" v:ext="edit"><v:shapetype id="_x0000_t75" stroked="f" filled="f" path="m@4@5l@4@11@9@11@9@5xe" o:preferrelative="t" o:spt="75" coordsize="21600,21600"> <v:stroke joinstyle="miter"><v:formulas><v:f eqn="if lineDrawn pixelLineWidth 0"><v:f eqn="sum @0 1 0"><v:f eqn="sum 0 0 @1"><v:f eqn="prod @2 1 2"><v:f eqn="prod @3 21600 pixelWidth"><v:f eqn="prod @3 21600 pixelHeight"><v:f eqn="sum @0 0 1"><v:f eqn="prod @6 1 2"><v:f eqn="prod @7 21600 pixelWidth"><v:f eqn="sum @8 21600 0"><v:f eqn="prod @7 21600 pixelHeight"><v:f eqn="sum @10 21600 0"><v:path o:connecttype="rect" gradientshapeok="t" o:extrusionok="f"><o:lock aspectratio="t" v:ext="edit"><o:p>

<o:p>

Steps to add the Text Editor:-<o:p>

In TextEdit.js the following Code displays the ColorPalette<o:p>

Here I used a IFrame for this purpose and sets its property to “on”. The IFrane element functions as a document within document. we are typing the text and all formats in the inner text of the <SPAN style="FONT-SIZE: 10pt">iframe and retrieving the innerTextof the IFrame.<o:p>

<o:p>

<o:p><o:p>

Add the following code in SendEmail.aspx page <o:p>

This file executes all the contents by using the <SPAN style="FONT-SIZE: 10pt">execCommand method in JavaScript.<o:p>

<o:p>

This below line of code in SendEmail.aspx.vb page Button Click event triggers the JavaScript to load the formatted text as the message Body.<o:p>

<o:p>

Button1.Attributes.Add("onClick", "javascript:fillTxt();")<o:p>

<o:p>

Actual DotNet Code<o:p>

We did the background work of formatting text Now we start the actual coding of sending mail by importing the namespace, "System.Web.Mail". Then, in the ButtonClick event, we create an instance of MailMessage object. It is through the MailMessage object, we set all the properties such as To, From, Subject, Body etc. We can either send a text message or a html message. We need to specify the bodyformat in the BodyFormat property. One we set all the properties, it is ready to send the email. Before sending the email, you have to set another important property, ie; SmtpServer. You have to set this property. You should assign the name of your SMTP server to this property. In most cases you can assign this as "localhost" or “127.0.0.1”. If you do not set this property, then you will not be able to send email from an ASP .NET page. Finally we send the email using SmtpMail.Send.<o:p>

Button1.Attributes.Add("onClick", "javascript:fillTxt();")<o:p>

Dim attach1 As String = ""<o:p>

Dim strFileName As String = ""<o:p>

Dim message As New MailMessage()<o:p>

If (attachFile1.PostedFile.FileName <> "") Then<o:p>

Dim ulFile As HttpPostedFile = attachFile1.PostedFile<o:p>

Dim nFileLen As Int64 = ulFile.ContentLength<o:p>

If (nFileLen > 0) Then<o:p>

strFileName= Path.GetFileName(attachFile1.PostedFile.FileName)<o:p>

strFileName = "Uploads/" + strFileName<o:p>

attachFile1.PostedFile.SaveAs(Server.MapPath(strFileName))<o:p>

Dim attach As MailAttachment = New MailAttachment(Server.MapPath(strFileName))<o:p>

message.Attachments.Add(attach)<o:p>

attach1 = strFileName<o:p>

End If<o:p>

message.From = TextBox2.Text<o:p>

message.To = TextBox3.Text<o:p>

message.Cc = txtcc.Text<o:p>

message.Bcc = txtbcc.Text<o:p>

message.Subject = TextBox4.Text<o:p>

message.Body = hdnmsg.Value<o:p>

message.BodyFormat = MailFormat.Html<o:p>

SmtpMail.SmtpServer = "127.0.0.1" <o:p>

SmtpMail.Send(message)<o:p>

lblMessage.Text = "Your email has been sent"<o:p>

<o:p>

Now, we send the email with the attachments:<o:p>

<o:p>

To send attachments, we need to add attachments using the Add method, which is available in the Attachments object. The only thing that we need to add to the above example is <o:p>

Dim attach As MailAttachment = New MailAttachment(Server.MapPath(strFileName))<o:p>

Enhancements that you add to the above examples.<o:p>

We can add any number of attachments to an email. To send multiple attachments, just repeat the line Msg.Attachments.Add with the file that needs to be attached.<o:p>

<o:p>

Points to remember:-<o:p>

Make sure that you have created a Folder “ Uploads” in the root and have full access to this folder.<o:p>

Do not foget to change the Form tag property to encType="multipart/form-data"<o:p>

Enable your browser for JavaScript because the colorpalette is based on JavaScript.<o:p>

Configure your Default SMTP Virtual Server as SmtpMail.SmtpServer = "127.0.0.1" or Localhost.

Import namespace system.web.mail

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here