Click here to Skip to main content
Licence 
First Posted 24 Jan 2007
Views 89,157
Bookmarked 105 times

HTMLTextBox

By | 24 Jan 2007 | Article
Provides a user control that allows the user to edit HTML page.

HTMLTextBox Control

Introduction

This Rich Text Editor-style control comes from a reference of the "Body Editor" in "New Message" dialog of Outlook Express. As we know, although a RichTextBox control is already provided within .NET Framework by Microsoft to display rich text for users, it still lacks in some real Rich Editing works which are extremely desirable. As a consequence, this control is right for the real editing work.

Inside HTMLTextBox

As a subclass of UserControl, HTMLTextBox mainly consists of two parts: one ToolBar and one WebBrowser control.

How to enable the WebBrowser to be editable?

The WebBrowser will enter "Edit Mode" after performing the following code.

webBrowserBody.Document.ExecCommand("EditMode", false, null);

How to overstrike your font

Perform the following code to enable the BOLD font on the selected characters.

webBrowserBody.Document.ExecCommand("Bold", false, null);

All the operations in this control are executed by invoking the function ExecCommand of WebBrowser.Document. For detailed info about ExecCommand, please refer to Microsoft MSDN.

PS: As announced by Microsoft in Command Identifiers, some of the Commands are mentioned to be no more applicable, however, they still work well. Please do not rely it 100 percent, just give a shot!

About Optional Fonts

foreach (FontFamily family in FontFamily.Families)
{
    toolStripComboBoxName.Items.Add(family.Name);
}

All the optional fonts in this control are retrieved by means of the code above.

About Font Size

In HTML page, seven types of font size are applicable (from 1 to 7). And the relationship between the HTML font size and the common font size is summarized in the following table:

HTML Font SizeCommon Font Size
18
210
312
414
518
624
736

To avoid confusion, the Common Font Size will display for users instead of the HTML Font Size.

How to use HTMLTextBox

As a UserControl, HTMLTextBox is very convenient for your use. And I do not override or expose too many properties or methods. By far, it just has two public properties": Text and Images. If you want more, you are free to add them by yourself for any purpose.

Text: to set or get more meaningful text, it is overridden.

  • get: return the entire HTML content including <html> and <body> etc.
  • set: set any text value and display them in this control, meanwhile, the "/r/n" will be automatically translated into <br>.

Images: to get the unique directories of all the attached images

NOTE: the COM object "Microsoft HTML Object Library" will be referenced by HTMLTextBox.

About Sample

Email Sender Example

HTMLTextBox Control

Before running Sample, the following code needs to be changed accordingly.

In lines 23 - 26 in MailSender.cs

string host = "192.168.22.12";
int port = 25;
string userid = "jay.liu";
string password = "1111";

Loathsome BUG

The image inserted into the edit body cannot be resized, and no exception will be thrown. For now, I have no idea about the reason or solution.

History

First Version (1/22/2007).

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

About the Author

Jay Liu



China China

Member



Sign Up to vote   Poor Excellent
Add a reason or comment to your vote: x
Votes of 3 or less require a comment

Comments and Discussions

 
You must Sign In to use this message board. (secure sign-in)
 
Search this forum  
 FAQ
    Noise  Layout  Per page   
  Refresh
Generalprevent line spacing!! Pinmemberai_mueller9:56 2 Oct '10  
GeneralSaving / Loading contents of Webbrowser box... PinmemberM i s t e r L i s t e r19:13 20 Jul '09  
GeneralRe: Saving / Loading contents of Webbrowser box... Pinmemberjeasonzhao16:09 12 Aug '09  
GeneralTesting if content of edit box has been modified or not PinmemberM i s t e r L i s t e r6:14 18 Jul '09  
GeneralRe: Testing if content of edit box has been modified or not Pinmemberjeasonzhao16:11 12 Aug '09  
GeneralInsert Table Pinmembergarudalinks9:24 2 Jan '09  
GeneralRe: Insert Table PinmemberVictor Lezhepekov21:36 24 Feb '09  
GeneralRe: Insert Table Pinmemberjeasonzhao16:05 12 Aug '09  
AnswerRe: Insert Table PinmemberAnkit___0:38 29 May '10  
QuestionHow to do it like this Pinmemberrecole0:50 7 Nov '08  
AnswerRe: How to do it like this Pinmemberjeasonzhao16:14 12 Aug '09  
GeneralThank You Pinmemberm-chaos1:36 7 May '08  
QuestionMcDull.Windows.Forms.dll PinmemberPaglia8:38 27 Nov '07  
GeneralInserting text to the web browser control. PinmemberM. J. Jaya Chitra0:06 19 Oct '07  
GeneralRe: Inserting text to the web browser control. Pinmemberbashaalex@mail.ru4:51 5 Nov '07  
GeneralRe: Inserting text to the web browser control. PinmemberM. J. Jaya Chitra17:16 5 Nov '07  
GeneralRe: Inserting text to the web browser control. PinmemberM. J. Jaya Chitra18:25 5 Nov '07  
Generalshortcutrs override Pinmemberurza2312:25 21 Sep '07  
GeneralRe: shortcutrs override Pinmemberskunker6:00 26 Sep '07  
GeneralDetect if edits have been made PinmemberGreg Ennis17:32 31 Jul '07  
QuestionSuppress/Disable Alert Message PinmemberNutan T.19:29 15 Jul '07  
AnswerRe: Suppress/Disable Alert Message PinmemberNutan T.19:37 15 Jul '07  
GeneralRe: Suppress/Disable Alert Message Pinmembervishal8684:20 30 Jul '09  
QuestionResizing Images Pinmemberpiotrekz52:32 25 Apr '07  
How I can change behaviour of resizing images? Problem rises when I'm trying to resize image I've just added. I first I dblClick on image it works fine. If just select and try to resize it - it hangs until resizing take place. In other words clicking on resize pivot doesnt's work right.
QuestionSaving as MHTML? Pinmemberyann_lh8:33 9 Apr '07  

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink | Advertise | Privacy | Mobile
Web03 | 2.5.120529.1 | Last Updated 24 Jan 2007
Article Copyright 2007 by Jay Liu
Everything else Copyright © CodeProject, 1999-2012
Terms of Use
Layout: fixed | fluid