Click here to Skip to main content
15,881,709 members
Articles / Desktop Programming / MFC
Article

Using the new HTML Editing classes in MFC7

Rate me:
Please Sign up or sign in to vote.
4.80/5 (14 votes)
11 Sep 2001CPOL4 min read 336.4K   3.4K   61   62
This article provides a bare-bones samples that demonstrates the use of the new HTML editing and browsing classes in MFC.

Sample Image - MFCHTMLEdit.gif

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)


Written By
Founder CodeProject
Canada Canada
Chris Maunder is the co-founder of CodeProject and ContentLab.com, and has been a prominent figure in the software development community for nearly 30 years. Hailing from Australia, Chris has a background in Mathematics, Astrophysics, Environmental Engineering and Defence Research. His programming endeavours span everything from FORTRAN on Super Computers, C++/MFC on Windows, through to to high-load .NET web applications and Python AI applications on everything from macOS to a Raspberry Pi. Chris is a full-stack developer who is as comfortable with SQL as he is with CSS.

In the late 1990s, he and his business partner David Cunningham recognized the need for a platform that would facilitate knowledge-sharing among developers, leading to the establishment of CodeProject.com in 1999. Chris's expertise in programming and his passion for fostering a collaborative environment have played a pivotal role in the success of CodeProject.com. Over the years, the website has grown into a vibrant community where programmers worldwide can connect, exchange ideas, and find solutions to coding challenges. Chris is a prolific contributor to the developer community through his articles and tutorials, and his latest passion project, CodeProject.AI.

In addition to his work with CodeProject.com, Chris co-founded ContentLab and DeveloperMedia, two projects focussed on helping companies make their Software Projects a success. Chris's roles included Product Development, Content Creation, Client Satisfaction and Systems Automation.

Comments and Discussions

 
QuestionWhy can't I get hyperlinks to work in my derived CHtmlEditView class? Pin
twoee19-Apr-12 0:03
twoee19-Apr-12 0:03 
GeneralOverriding the default Enter key behavior in CHtmlEditView <p></p> Pin
DougTheFiddler26-Aug-09 9:01
DougTheFiddler26-Aug-09 9:01 
GeneralRe: Overriding the default Enter key behavior in CHtmlEditView Pin
Ekedorff5-Oct-11 7:14
Ekedorff5-Oct-11 7:14 
GeneralRe: Overriding the default Enter key behavior in CHtmlEditView Pin
Paul Belikian24-Mar-20 16:01
Paul Belikian24-Mar-20 16:01 
Generaldisplay a animated gif in the view area [modified] Pin
pk200724-Apr-07 0:43
pk200724-Apr-07 0:43 
QuestionHow to lock blocks? [modified] Pin
richard sancenot20-Nov-06 22:42
richard sancenot20-Nov-06 22:42 
GeneralUsing this example for converting MFc to HTML. Pin
moshiko_abc20-Jun-05 23:10
moshiko_abc20-Jun-05 23:10 
Generalafter the file has been changed Pin
Tcpip200516-Apr-05 20:39
Tcpip200516-Apr-05 20:39 
Generalspell checker Pin
cowboymoore5-Aug-04 8:40
cowboymoore5-Aug-04 8:40 
GeneralCan't show source Pin
Tcpip200529-Jun-04 4:16
Tcpip200529-Jun-04 4:16 
GeneralRe: Can't show source Pin
Tcpip20051-Jul-04 4:56
Tcpip20051-Jul-04 4:56 
GeneralMSHTML Custom Print Pin
senthil_kumar_project17-Jun-04 4:05
senthil_kumar_project17-Jun-04 4:05 
GeneralProblem on handling mht files Pin
Tcpip200515-Jun-04 6:18
Tcpip200515-Jun-04 6:18 
GeneralCHtmlEditCtrl instead of view Pin
cowboymoore4-Jun-04 17:21
cowboymoore4-Jun-04 17:21 
GeneralRe: CHtmlEditCtrl instead of view Pin
Member 53448015-Jun-04 4:32
Member 53448015-Jun-04 4:32 
I also need an example of CHTMLEditCtrl.

thx

GeneralRe: CHtmlEditCtrl instead of view Pin
Anonymous11-Sep-04 4:21
Anonymous11-Sep-04 4:21 
GeneralRe: CHtmlEditCtrl instead of view Pin
Mohammad Tarik20-Feb-05 11:26
Mohammad Tarik20-Feb-05 11:26 
GeneralRe: CHtmlEditCtrl instead of view Pin
testasss31-Mar-06 3:23
testasss31-Mar-06 3:23 
GeneralRe: CHtmlEditCtrl instead of view Pin
ibraheempindi12-Nov-08 1:50
ibraheempindi12-Nov-08 1:50 
AnswerFor those who are trying to do so... Pin
richard sancenot25-Jan-07 5:11
richard sancenot25-Jan-07 5:11 
Generalyour code is a copy of MSDN samples Pin
Ventruing23-Apr-04 1:20
Ventruing23-Apr-04 1:20 
GeneralRe: your code is a copy of MSDN samples Pin
Chris Maunder23-Apr-04 10:03
cofounderChris Maunder23-Apr-04 10:03 
QuestionHow to make MSDN htmlEdit Sample available in VC6 Pin
okboy25-Dec-03 18:26
okboy25-Dec-03 18:26 
AnswerRe: How to make MSDN htmlEdit Sample available in VC6 Pin
Irek Zielinski5-Jun-04 10:17
Irek Zielinski5-Jun-04 10:17 
QuestionHow to Modify Right Button Menu? Pin
oliverzy@hotmail.com13-Aug-03 21:58
oliverzy@hotmail.com13-Aug-03 21:58 

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.