Click here to Skip to main content
15,848,724 members
Articles / Desktop Programming / Windows Forms

Zeta HTML Edit Control

Rate me:
Please Sign up or sign in to vote.
4.94/5 (60 votes)
9 Jul 2013CPOL3 min read 210.1K   20.7K   183   83
A small wrapper class around the Windows Forms 2.0 WebBrowser control
Image 1

Introduction 

This article presents you a small wrapper class around the Windows Forms 2.0 WebBrowser control.

Features

The wrapper is no rocket science but provides some features I struggled with in the past. We use the control in several of our own (internal and external) applications, e.g. our Test Management tool

Some of the features include:

  • Enable the setting of text even when the control is not yet fully initialized
  • Allow pasting of images from the clipboard
  • Allows for resizing the images within the editor with the mouse 
  • Provide an alternative context menu for applying formatting options
  • Optionally directly edit the underlying HTML source code
  • Translated resources in English and German
  • Interface IExternalInformationProvider for externally persisting and restoring settings
  • Provide standard CSS in the control; usually you do not need to define your own CSS

Using the Code

To include the code in your own project, simply include the "ZetaHtmlEditControl.dll" assembly into your project.

Add the assembly to your Visual Studio .NET 2008 Windows Forms Designer Toolbox if you want to be able to drag the ExtendedWebBrowser control to your forms. Alternatively create and initialize an instance of the ExtendedWebBrowser control by code.

Setting HTML

To put HTML from your code into the control, assign the HTML code to the ExtendedWebBrowser.DocumentText property. You do not have to pass a complete HTML document with HEAD and BODY tags but only the actual content that you would write inside the BODY tag.

Getting the HTML 

To read out the HTML from the control, call the ExtendedWebBrowser.GetDocumentText(string folderPath) method. The method takes one parameter "folderPath" that tells the control where to store newly passed images from the clipboard. 

Summary

This article quickly introduced a wrapper around the Windows Forms 2.0 WebBrowser control that adds some extra functions to make it more usable in a real-world-application. Feel free to copy, modify or extend the control to match your own requirements.

To ask questions, suggest features or provide other comments, please use the comments section at the bottom of this article.

History

  • 2013-07-09 - You now also find the project on GitHub
  • 2013-05-20 - Images inside the edit control can now be resized proportionally to make them smaller. When persisting the images, they are actually resized on disk, too.
  • 2011-06-02 - Added support for inserting and editing tables. Added new user control that has a toolbar (see screenshot) that you can switch on and off from code.
  • 2011-03-16 - Updated for and tested with the latest Internet Explorer 9 (RTM). If you do experience AccessViolation exceptions when working with this control, please read this MSDN blog posting that suggests to add a custom build step
    "$(DevEnvDir)..\tools\vsvars32.bat"
    editbin.exe /NXCOMPAT:NO "$(TargetPath)"
  • 2011-02-26 - Update to (hopefully) make the control work with Internet Explorer 9 RC work again. See this Stack Overflow posting for details. I've included a mini web server with the control to serve the texts from this server, instead of setting it directly. It should be 100% transparent to the user of the code.
  • 2009-11-18 - First public release to CodeProject.com

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Chief Technology Officer Zeta Software GmbH
Germany Germany
Uwe does programming since 1989 with experiences in Assembler, C++, MFC and lots of web- and database stuff and now uses ASP.NET and C# extensively, too. He has also teached programming to students at the local university.

➡️ Give me a tip 🙂

In his free time, he does climbing, running and mountain biking. In 2012 he became a father of a cute boy and in 2014 of an awesome girl.

Some cool, free software from us:

Windows 10 Ereignisanzeige  
German Developer Community  
Free Test Management Software - Intuitive, competitive, Test Plans.  
Homepage erstellen - Intuitive, very easy to use.  
Offline-Homepage-Baukasten

Comments and Discussions

 
QuestionLove it... Pin
Oleg Shilo21-May-13 3:43
Oleg Shilo21-May-13 3:43 
AnswerRe: Love it... Pin
Uwe Keim21-May-13 4:39
sitebuilderUwe Keim21-May-13 4:39 
GeneralRe: Love it... Pin
Oleg Shilo21-May-13 4:56
Oleg Shilo21-May-13 4:56 
GeneralRe: Love it... Pin
Oleg Shilo21-May-13 22:02
Oleg Shilo21-May-13 22:02 
GeneralRe: Love it... Pin
Uwe Keim21-May-13 22:48
sitebuilderUwe Keim21-May-13 22:48 
GeneralRe: Love it... Pin
Oleg Shilo21-May-13 22:59
Oleg Shilo21-May-13 22:59 
GeneralRe: Love it... Pin
Oleg Shilo26-May-13 3:29
Oleg Shilo26-May-13 3:29 
GeneralMy vote of 5 Pin
sha-pro20-May-13 20:53
sha-pro20-May-13 20:53 
Thanks heaps very neat Smile | :)
GeneralMy vote of 5 Pin
Polinia20-May-13 3:06
Polinia20-May-13 3:06 
QuestionMethodAccessException Pin
Grizaster14-Feb-13 5:10
Grizaster14-Feb-13 5:10 
AnswerRe: MethodAccessException Pin
Uwe Keim14-Feb-13 6:20
sitebuilderUwe Keim14-Feb-13 6:20 
GeneralRe: MethodAccessException Pin
Grizaster14-Feb-13 22:13
Grizaster14-Feb-13 22:13 
GeneralRe: MethodAccessException Pin
Uwe Keim15-Feb-13 0:04
sitebuilderUwe Keim15-Feb-13 0:04 
GeneralRe: MethodAccessException Pin
Grizaster15-Feb-13 1:06
Grizaster15-Feb-13 1:06 
GeneralRe: MethodAccessException Pin
iam_xor27-May-13 18:25
iam_xor27-May-13 18:25 
QuestionException thrown when deleting all text in the source editor Pin
Member 398234515-Jan-13 16:03
Member 398234515-Jan-13 16:03 
AnswerRe: Exception thrown when deleting all text in the source editor Pin
Uwe Keim15-Jan-13 19:36
sitebuilderUwe Keim15-Jan-13 19:36 
Questionspecial character Pin
sir_Arthur300013-Dec-12 7:12
sir_Arthur300013-Dec-12 7:12 
QuestionSpecial characters Pin
comtric22-Oct-12 3:56
comtric22-Oct-12 3:56 
AnswerRe: Special characters Pin
sir_Arthur300013-Dec-12 7:14
sir_Arthur300013-Dec-12 7:14 
GeneralRe: Special characters Pin
comtric14-Dec-12 2:23
comtric14-Dec-12 2:23 
GeneralRe: Special characters Pin
giova28-Mar-13 11:47
giova28-Mar-13 11:47 
QuestionHow we can change font? Pin
karamih3-Oct-12 11:08
karamih3-Oct-12 11:08 
GeneralMy vote of 5 Pin
Engone14-Dec-11 10:40
Engone14-Dec-11 10:40 
QuestionFont Change Pin
Marko033-Nov-11 1:30
Marko033-Nov-11 1:30 

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

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