Click here to Skip to main content
15,881,516 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

 
Generalsomeone PLEASE post a sample using VC 6.0 Pin
Anonymous19-Oct-02 20:28
Anonymous19-Oct-02 20:28 
GeneralRe: someone PLEASE post a sample using VC 6.0 Pin
Irek Zielinski5-Jun-04 10:16
Irek Zielinski5-Jun-04 10:16 
GeneralTables and Frames Pin
Ji Gua6-Aug-02 11:38
sussJi Gua6-Aug-02 11:38 
QuestionHow to get text from the Htmlview? Pin
Anonymous15-Jul-02 16:44
Anonymous15-Jul-02 16:44 
AnswerRe: How to get text from the Htmlview? Pin
12-Aug-02 18:56
suss12-Aug-02 18:56 
GeneralRe: How to get text from the Htmlview? Pin
AleemSheikh19-May-03 4:35
AleemSheikh19-May-03 4:35 
QuestionHow to handle events in HTML document? Pin
Mircea Berghia10-Jul-02 21:08
Mircea Berghia10-Jul-02 21:08 
Questionhow to browse view? Pin
fhqiplj4-Jul-02 16:14
fhqiplj4-Jul-02 16:14 
I create an object used CHtmlEditView.Now i wount to add a view to browse ,how can i do?Confused | :confused: OMG | :OMG:
QuestionHow to insert an ActiveX ctrl into an HTML document ? Pin
Lucian Bumbuc1-Jul-02 8:27
Lucian Bumbuc1-Jul-02 8:27 
AnswerRe: How to insert an ActiveX ctrl into an HTML document ? Pin
Lucian Bumbuc8-Jul-02 5:22
Lucian Bumbuc8-Jul-02 5:22 
GeneralRe: How to insert an ActiveX ctrl into an HTML document ? Pin
Ji Gua6-Aug-02 11:36
sussJi Gua6-Aug-02 11:36 
QuestionInsert tables? Pin
ZnakeEye8-Feb-02 10:51
ZnakeEye8-Feb-02 10:51 
AnswerRe: Insert tables? Pin
Member 519433-Nov-02 16:10
Member 519433-Nov-02 16:10 
GeneralRe: Insert tables? Pin
chamana28-Feb-03 0:20
chamana28-Feb-03 0:20 
AnswerRe: Insert tables? other method! Pin
conan52016-Apr-03 16:50
conan52016-Apr-03 16:50 
QuestionCan this be done in MFC6? Pin
JamesPrevallet4-Oct-01 9:48
JamesPrevallet4-Oct-01 9:48 
AnswerSure! Pin
Vitali Brusentsev8-Oct-01 17:23
Vitali Brusentsev8-Oct-01 17:23 
GeneralRe: Sure! Pin
Ji Gua6-Aug-02 11:28
sussJi Gua6-Aug-02 11:28 
GeneralMFC6 version now available Pin
Jean-Michel LE FOL5-May-03 6:36
Jean-Michel LE FOL5-May-03 6:36 
QuestionRequirements? Pin
25-Sep-01 14:15
suss25-Sep-01 14:15 
AnswerRe: Requirements? Pin
Chris Maunder25-Sep-01 18:41
cofounderChris Maunder25-Sep-01 18:41 
GeneralRe: Requirements? Pin
Vitali Brusentsev2-Oct-01 19:15
Vitali Brusentsev2-Oct-01 19:15 
GeneralRe: Requirements? Pin
Alex Cramer20-May-02 22:31
Alex Cramer20-May-02 22:31 
GeneralRe: Requirements? Pin
Vitali Brusentsev20-May-02 22:44
Vitali Brusentsev20-May-02 22:44 
GeneralRe: Requirements? Pin
Alex Cramer21-May-02 15:06
Alex Cramer21-May-02 15:06 

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.