Click here to Skip to main content
Click here to Skip to main content
Go to top

Using the new HTML Editing classes in MFC7

, 11 Sep 2001
Rate this:
Please Sign up or sign in to vote.
This article provides a bare-bones samples that demonstrates the use of the new HTML editing and browsing classes in MFC.
<!-- Download Links --> <!-- Article image -->

Sample Image - MFCHTMLEdit.gif

<!-- Main HTML starts here -->

Introduction

This article provides a bare-bones samples that demonstrates the use of the new HTML editing and browsing classes in MFC.

MFC7 includes several new classes that encapsulate the Internet Explorer MSHTML editing control. This control is an ActiveX control that provides WYSIWYG editing and browsing, and the MFC and ATL wrappers for this class make it's use very straight forward.

The sample application is a simple AppWizard generated application with the view class derived from CHtmlEditView (the last step in the MFC application wizard). In specifying CHtmlEditView as your edit class' base class, you automatically take on CHtmlEditDoc as your Document's base class as well.

These two classes work together to provide HTML file loading, saving, editing, browsing and printing. Context menus are provided and it is very simple to hook your toolbar button or menu items to the various wrapper methods in the MFC HTML editing classes.

The sample contains a rebar with two toolbars - one containing the standard load, save and cut/copy/paste buttons, and one containing formatting options such as bold, italic, indenting, hyperlink and editing mode.

In the CHtmlEditView derived class is a set of macro calls similar to the standard BEGIN_MESSAGE_MAP macros familiar to MFC programmers. In this case, though, the macros are of the form

BEGIN_DHTMLEDITING_CMDMAP(CHTMLEditView)
DHTMLEDITING_CMD_ENTRY(ID_EDIT_COPY, IDM_COPY)
DHTMLEDITING_CMD_ENTRY(ID_EDIT_CUT, IDM_CUT)
DHTMLEDITING_CMD_ENTRY(ID_EDIT_PASTE,IDM_PASTE)
DHTMLEDITING_CMD_ENTRY(ID_EDIT_UNDO, IDM_UNDO)
...
END_DHTMLEDITING_CMDMAP()

What these macros do is allow you to associate an MSHTML Command Identifier with a command ID. When the view receives the given command ID (say, ID_EDIT_COPY) it will execute the associated MSHTML command (IDM_COPY). This will in turn execute the
appropriate method of the MSHTML ActiveX control.

To associate a toolbar button with ID value ID_UNDERLINE with the MSHTML command for underlining the current selection, simply add the line

DHTMLEDITING_CMD_ENTRY(ID_UNDERLINE, IDM_UNDERLINE)

Some of the MSHTML identifiers are shown below. For a full list, consult the topic 'MSHTML Command Identifiers' in the online documentation.

IDM_BACKCOLOR Sets or retrieves the background color of the current selection.
IDM_BOLD Toggles the current selection between bold and nonbold.
IDM_BOOKMARK Creates a bookmark anchor or retrieves the name of a bookmark anchor for the current
IDM_COPY Copies the current selection to the clipboard.
IDM_CUT Copies the current selection to the clipboard and then deletes it.
IDM_DELETE Deletes the current selection.
IDM_FONT Opens a font dialog box to enable the user to change the text color, font, and font size of the current selection.
IDM_FONTNAME Sets or retrieves the font for the current selection.
IDM_FONTSIZE Sets or retrieves the font size for the current selection.
IDM_FORECOLOR Sets or retrieves the foreground (text) color of the current selection.
IDM_HYPERLINK Inserts a hyperlink on the current selection, or displays a dialog box enabling the user to specify a URL to insert as a hyperlink on the current selection.
IDM_INDENT Increases the indent of the selected text by one indentation increment.
IDM_ITALIC Toggles the current selection between italic and nonitalic.
IDM_JUSTIFYCENTER Centers the format block in which the current selection is located.
IDM_JUSTIFYLEFT Left-justifies the format block in which the current selection is located.
IDM_JUSTIFYRIGHT Right-justifies the format block in which the current selection is located.
IDM_ORDERLIST Toggles the current selection between an ordered list and a normal format block.
IDM_OUTDENT Decreases by one increment the indentation of the format block in which the current selection is located.
IDM_OVERWRITE Toggles the text-entry mode between insert and overwrite.
IDM_PASTE Overwrites the contents of the clipboard on the current selection.
IDM_PRINT Prints the current document using either the default print template or a custom print template.
IDM_PRINTPREVIEW Opens the Print Preview window for the current document using either the default print preview template or a custom template.
IDM_UNDERLINE Toggles the current selection between underlined and not underlined.
IDM_UNORDERLIST Toggles the current selection between an ordered list and a normal format block.

If you wish to call any one of the MSHTML commands directly, then the MFC wrapper classes provide you with a number of helper functions

HRESULT ExecHelperNN(UINT nCmdID);
HRESULT ExecHelperSetVal(UINT nCmdID, LPCTSTR szID=NULL) const
HRESULT ExecHelperSetVal(UINT nCmdID, bool bValue) const
HRESULT ExecHelperSetVal(UINT nCmdID, short nNewVal) const
HRESULT ExecHelperGetVal(UINT nCmdID, bool &bValue) const
HRESULT ExecHelperGetVal(UINT nCmdID, short &nValue) const

These functions take a MSHTML Command identifier, plus an optional value (or reference for a return value) and execute the associated command.

An example is in changing the editing more to Browse:

ExecHelperNN(IDM_BROWSEMODE);

More specific wrappers are provided, such as functions to set the font face (SetFontFace(LPCTSTR szFace)) or functions to set and get the HTML (GetDocumentHTML/SetDocumentHTML).

License

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

Share

About the Author

Chris Maunder
Founder CodeProject
Canada Canada
Chris is the Co-founder, Administrator, Architect, Chief Editor and Shameless Hack who wrote and runs The Code Project. He's been programming since 1988 while pretending to be, in various guises, an astrophysicist, mathematician, physicist, hydrologist, geomorphologist, defence intelligence researcher and then, when all that got a bit rough on the nerves, a web developer. He is a Microsoft Visual C++ MVP both globally and for Canada locally.
 
His programming experience includes C/C++, C#, SQL, MFC, ASP, ASP.NET, and far, far too much FORTRAN. He has worked on PocketPCs, AIX mainframes, Sun workstations, and a CRAY YMP C90 behemoth but finds notebooks take up less desk space.
 
He dodges, he weaves, and he never gets enough sleep. He is kind to small animals.
 
Chris was born and bred in Australia but splits his time between Toronto and Melbourne, depending on the weather. For relaxation he is into road cycling, snowboarding, rock climbing, and storm chasing.
Follow on   Twitter   Google+   LinkedIn

Comments and Discussions

 
QuestionWhy can't I get hyperlinks to work in my derived CHtmlEditView class? Pinmembertwoee19-Apr-12 0:03 
GeneralOverriding the default Enter key behavior in CHtmlEditView <p></p> PinmemberMember 288400826-Aug-09 9:01 
GeneralRe: Overriding the default Enter key behavior in CHtmlEditView [modified] PinmemberEkedorff5-Oct-11 7:14 
Generaldisplay a animated gif in the view area [modified] Pinmemberpk200724-Apr-07 0:43 
QuestionHow to lock blocks? [modified] Pinmemberrichard sancenot20-Nov-06 22:42 
GeneralUsing this example for converting MFc to HTML. Pinmembermoshiko_abc20-Jun-05 23:10 
Generalafter the file has been changed PinmemberTcpip200516-Apr-05 20:39 
Generalspell checker Pinmembercowboymoore5-Aug-04 8:40 
GeneralCan't show source PinmemberAlick Xiong29-Jun-04 4:16 
GeneralRe: Can't show source PinmemberAlick Xiong1-Jul-04 4:56 
GeneralMSHTML Custom Print Pinmembersenthil_kumar_project17-Jun-04 4:05 
GeneralProblem on handling mht files PinmemberAlick Xiong15-Jun-04 6:18 
GeneralCHtmlEditCtrl instead of view Pinmembercowboymoore4-Jun-04 17:21 
GeneralRe: CHtmlEditCtrl instead of view Pinmemberfrixx15-Jun-04 4:32 
GeneralRe: CHtmlEditCtrl instead of view PinsussAnonymous11-Sep-04 4:21 
GeneralRe: CHtmlEditCtrl instead of view PinmemberM Tarik20-Feb-05 11:26 
GeneralRe: CHtmlEditCtrl instead of view Pinmembertestasss31-Mar-06 3:23 
GeneralRe: CHtmlEditCtrl instead of view Pinmemberibraheempindi12-Nov-08 1:50 
AnswerFor those who are trying to do so... Pinmemberrichard sancenot25-Jan-07 5:11 
Generalyour code is a copy of MSDN samples Pinmemberhaoshenghan23-Apr-04 1:20 
GeneralRe: your code is a copy of MSDN samples PinadminChris Maunder23-Apr-04 10:03 
QuestionHow to make MSDN htmlEdit Sample available in VC6 Pinmemberokboy25-Dec-03 18:26 
AnswerRe: How to make MSDN htmlEdit Sample available in VC6 PinmemberIrek Zielinski5-Jun-04 10:17 
QuestionHow to Modify Right Button Menu? PinsussFERREO-ROCHE13-Aug-03 21:58 
QuestionHow to use CHtmlEditCtrl in a Dialog Box PinmemberraulCM4-Aug-03 6:13 
AnswerRe: How to use CHtmlEditCtrl in a Dialog Box PinmemberMarkDoubson2-Mar-06 17:02 
GeneralSelection in CHtmlEditView PinmemberAleemSheikh4-Jul-03 3:22 
QuestionHow to disable toolbar in "Browse" mode? Pinmemberconan52015-Apr-03 16:27 
QuestionHow can i use this in VC6 ?????? Pinsussmz200028-Nov-02 2:58 
AnswerMFC6 version now available PinmemberJean-Michel LE FOL5-May-03 6:38 
GeneralRe: MFC6 version now available Pinmemberjmmolina16-Jul-03 21:25 
AnswerRe: How can i use this in VC6 ?????? PinmemberIrek Zielinski5-Jun-04 10:17 
Questionhow to disable element edit? Pinmembercool_stone13-Nov-02 17:58 
Generalsomeone PLEASE post a sample using VC 6.0 PinsussAnonymous19-Oct-02 20:28 
GeneralRe: someone PLEASE post a sample using VC 6.0 PinmemberIrek Zielinski5-Jun-04 10:16 
GeneralTables and Frames PinsussJi Gua6-Aug-02 11:38 
QuestionHow to get text from the Htmlview? PinsussAnonymous15-Jul-02 16:44 
AnswerRe: How to get text from the Htmlview? Pinmembermobian12-Aug-02 18:56 
GeneralRe: How to get text from the Htmlview? PinmemberAleemSheikh19-May-03 4:35 
QuestionHow to handle events in HTML document? PinsussMircea Berghia10-Jul-02 21:08 
Questionhow to browse view? Pinmemberfhqiplj4-Jul-02 16:14 
QuestionHow to insert an ActiveX ctrl into an HTML document ? PinmemberLucian Bumbuc1-Jul-02 8:27 
AnswerRe: How to insert an ActiveX ctrl into an HTML document ? PinmemberLucian Bumbuc8-Jul-02 5:22 
GeneralRe: How to insert an ActiveX ctrl into an HTML document ? PinsussJi Gua6-Aug-02 11:36 
QuestionInsert tables? PinmemberZnakeEye8-Feb-02 10:51 
AnswerRe: Insert tables? PinsussArt Cote3-Nov-02 16:10 
GeneralRe: Insert tables? Pinmemberchamana28-Feb-03 0:20 
AnswerRe: Insert tables? other method! Pinmemberconan52016-Apr-03 16:50 
QuestionCan this be done in MFC6? PinmemberJamesPrevallet4-Oct-01 9:48 
AnswerSure! PinmemberVitali Brusentsev8-Oct-01 17:23 

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.

| Advertise | Privacy | Mobile
Web02 | 2.8.140905.1 | Last Updated 12 Sep 2001
Article Copyright 2001 by Chris Maunder
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid