Click here to Skip to main content
Click here to Skip to main content
Search within:



 
Comments & Discussions (61)

Using the new HTML Editing classes in MFC7

By , 11 Sep 2001
 

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)

About the Author

 Chris Maunder
Founder CodeProject
Canada Canada
Member
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.

Article Top
 
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.
Search this forum  
    Spacing  Noise  Layout  Per page   
First PrevNext
QuestionWhy can't I get hyperlinks to work in my derived CHtmlEditView class?membertwoee19 Apr '12 - 0:03 
Is anyone still browsing these comments? I hope so.
 
I'm having a little trouble understanding what makes the hyperlinks work. When switching between View and Edit modes, I can get hyperlinks to work in this project. But for something I have adapted to my app by deriving from CHtmlEditView, I'm not able to get hyperlinks to work even when setting design mode to FALSE.
 
Where, in CHtmlEditView, is the WebBrowser control loaded? Do I have to do that manually or does MFC take care of that? I have compared my files to those in HTMLEdit project and don't see any differences (at least the relevant files). Does it matter if the app is MDI or SDI?
 
Thanks for any help in advance.
Sign In·View Thread·Permalink
GeneralOverriding the default Enter key behavior in CHtmlEditView <p></p>memberMember 288400826 Aug '09 - 9:01 
Is there any way to override the default behavior of the CHtmlEditView when the Enter key is pressed?
 
The default behavior is to insert paragraph tags: <P>...</P>. This results in double-spaced line breaks. To enter single-spaced breaks <BR/> the user must type Shift+Enter. Is there any way to reverse this?
 
I tried handling the WM_KEYDOWN message in PreTranslateMessage and inserting <BR/> using pasteHTML(), but for some reason this inserts <BR> without the forward slash.
 
Douglas Sherlock
Vancouver, BC
Canada
Sign In·View Thread·Permalink
GeneralRe: Overriding the default Enter key behavior in CHtmlEditView [modified]memberEkedorff5 Oct '11 - 7:14 
After MANY hours trying to figure this out, I finally found out how extremely easy it was thanks to this article: HTML editor for VC++ 6.0[^]
 
Just override PreTranslateMessage in your derived CHtmlEditCtrl and paste:
 
BOOL CMyHtmlEditCtrl::PreTranslateMessage(MSG* pMsg)
{
    // TODO: Add your specialized code here and/or call the base class
    if(pMsg->message==WM_KEYDOWN)
    {
 
        if( pMsg->wParam==VK_RETURN)
        {
            HRESULT hr = ExecHelperNN(IDM_LINEBREAKNORMAL);
	       if (SUCCEEDED(hr))
		{
		  return TRUE;
		}
        }
 
    }
 
    return CHtmlEditCtrl::PreTranslateMessage(pMsg);
}
 
I hope this saves some time for you... Smile | :)
Joakim


modified 5 Oct '11 - 13:34.
Sign In·View Thread·Permalink
Generaldisplay a animated gif in the view area [modified]memberpk200724 Apr '07 - 0:43 
I am trying to put the the extra code along withthe functionality provided by Chris Smile | :) . I want to put a button on the toolbar and when user click on the button a certain gif should display in the view area without prompting the user for the location of gif file. I want to pass the location internally.
 
any help?
 

 
-- modified at 8:34 Tuesday 24th April, 2007
Sign In·View Thread·Permalink
QuestionHow to lock blocks? [modified]memberrichard sancenot20 Nov '06 - 22:42 
This class is just great, however i would like to lock some blocks (like SPAN) in order to prevent the user from modifying some html areas Frown | :(
 
I know it is possible to implement a method like "PreHandleEvent" that MSHTML com object calls before any edition, but i'm not sure it's the right solution Confused | :confused: .
 
Thanks in advance
 

-- modified at 5:49 Tuesday 21st November, 2006
OK i found myself, check out this link... (function put_contentEditable)
http://msdn.microsoft.com/workshop/browser/editing/activateeditor.asp[^]
 
Tout programme dont la fiabilité dépend de l'homme n'est pas fiable
Sign In·View Thread·Permalink
GeneralUsing this example for converting MFc to HTML.membermoshiko_abc20 Jun '05 - 23:10 
Hi,
 
I have an MFC6 project that I wish to view as HTML pages.
 
I don't have too much experience these technologies - so I didn't completely understand whether this article gives me a hint of how I can to do the conversion.
 
Does anybody knows if what I should do is move from MFC6 to MFC7 and then use this article or that there is other way.
 
Thanks,
 
Moshe.

 
\\\|///
\\ ~ ~ //
( @ @ )
/------------------------oOOo-(_)-oOOo---------------------------\
| Moshe Ben Yishay. | |
| Senior Engineer. | Phone: +972-4-8506506 |
| Qualcomm Israel Ltd. | Direct: +972-4-8506640 |
| Omega Center. | Fax: +972-4-8506508 |
| Matam Postal Agency. | Mobile: +972-54-3039818 |
| Haifa 31905 Israel. | Email: mosheb@qualcomm.com |
\---------------------------------Oooo.--------------------------/
.oooO ( )
( ) ) /
\ ( (_/
\_)
Sign In·View Thread·Permalink
Generalafter the file has been changedmemberTcpip200516 Apr '05 - 20:39 
if the file has been changed, when I close it , a message box would be showed.
how can I show my message box instead that one????
Thank you very much!
Sign In·View Thread·Permalink
Generalspell checkermembercowboymoore5 Aug '04 - 8:40 
Has anyone hooked up a spell checker to the CHTMLEditView?
 
Thanks,
Sean
Sign In·View Thread·Permalink
GeneralCan't show sourcememberAlick Xiong29 Jun '04 - 4:16 
1>I added the code below into your project but can't work
void CHTMLEditView::OnShowSource()
{
// TODO: Add your command handler code here
CString str;
GetDocumentHTML(str);
AfxMessageBox(str);
}
2>Only this can work correctly

DHTMLEDITING_CMD_ENTRY(ID_MY_VIEW_SOURCE, IDM_VIEWSOURCE)
 
I want to act as the way as the first. When I do this,Output said that "CStreamOnCString" in afxhtml.h undeclared. I used your VC6 version.
Can you tell me why? How to fit this.
 
Thank you very much!
Sign In·View Thread·Permalink
GeneralRe: Can't show sourcememberAlick Xiong1 Jul '04 - 4:56 
I have fixed it. it works correctly now.
sorry to disturb you.
 
Alick
Sign In·View Thread·Permalink
Last Visit: 31 Dec '99 - 18:00     Last Update: 24 May '13 - 2:34Refresh1234567 Next »

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

About Article
This article provides a bare-bones samples that demonstrates the use of the new HTML editing and browsing classes in MFC.
Type Article
Licence CPOL
First Posted 11 Sep 2001
Views 239,567
Bookmarked 60 times
Top News

Old Japanese Man Creates Amazing Art Using Excel (Wait, Excel?)

Get the Insider News free each morning.
Related Videos
Form Redesign Using HTML Helper Classes (ASP.Net MVC Part - 9)
CSS Selectors
The MFC CDHtmlDialog class
Using MSHTML Editing in VC6 Doc/View Applications
DHTML Editor with Table Support and Source Editor
HTML editor for VC++ 6.0
Adding a CheckBox column to your DataGrid
Enhance your dynamic memory allocation with an undocumented MFC class
Zeta HTML Edit Control
DLLs are Simple! Part 4
A Professional HTML Renderer You Will Use
Using a VB.NET 2005 Class to Convert RichText to HTML
CTreePropSheet - A Netscape/Visual Studio .NET like Preferences Dialog
The Ultimate Toolbox Home Page
Using JEditable plugin as ASP.NET MVC3 jQuery inline editor
Using comboboxes in the MFC Grid Control
Project Line Counter Add-In v2.10 for VS.NET and VC6
ASP.NET MVC3 Razor With jQuery For Beginners
How to Create an HTML Editor for ASP.NET AJAX
Editable (CRUD) web tables in J2EE (jQuery Data Tables and J2EE application integration - Part II)
HTML to WordML
An End-To-End LightSwitch HTML Example
Permalink | Advertise | Privacy | Mobile
Web01 | 2.6.130523.1 | Last Updated 12 Sep 2001
Article Copyright 2001 by Chris Maunder
Everything else Copyright © CodeProject, 1999-2013
Terms of Use
Layout: fixed | fluid