June 25, 1998
These demos provide a quick way to see the DHTML Editing Component in action, plus showcase a variety of techniques for using the component.
There are nine demos. Each demo directory contains everything needed to run the demo, plus complete source code.
Visual Basic Samples
Samples\VBEdit: Hosts the DHTML Editing Component in Visual Basic. Shows how to use the component's basic editing functionality. Run vbedit.exe to see this demo.
Samples\VBDOM: Demonstrates how to access the DHTMLEdit Control's Document Object Model using Visual Basic. The control's DOM is the same object model as the IE4 DHTML Object Model. The DOM is the primary API for modifying an HTML document using the DHTML Editing Component. This sample shows how to access the DOM's Document object using the control's Document property; how to sync and respond to DOM events on selected document elements; how to determine the element directly under the selection point; and how to use the CSS Object Model to add style sheets dynamically. Run VBDom.exe to see this demo.
Samples\HTMLDrop: This demo shows how to build a CF_HTML toolbox in VB. Items on the toolbox can be dragged and dropped inside the DHTML editing component. Run HTMLDrop.exe to see this demo.
Web Samples
Samples\Web\HelloWld: This sample hosts the DHTML Editing Component on a Web page and demonstrates how to load HTML into the control either from memory, using the control's DocumentHTML property, or from the file system using the control's Common Dialog support. View HelloWld.htm in Internet Explorer to see this demo.
Samples\Web\Toolbars: The DHTML Toolbars package provides full-function toolbars and menus, implemented completely in Dynamic HTML. Your toolbars can look and act like Microsoft Office toolbars (the default), or you can easily change the package's appearance and behavior. Several of the Web samples, such as WebEdit, use the Toolbards Package to implement HTML editing applications within a Web page. Run the Toolbars tutorial by loading the file tutorial.htm in the Toolbars\Doc directory for an overview, tutorial and the Toolbars Package API Reference.
Samples\Web\WebEdit: Show how to implement n HTML editor on a Web page using the DHTML Editing Component and the Toolbars Package. This demo has many of the component's editing commands available as a DHTML toolbar and a context menu. View webedit.htm in Internet Explorer to see this demo.
Samples\Web\DOMUsage: Shows how to use the DHTML Editing component to perform real-time document structure analysis. It also shows more ways to use the DOM, implementing live character, word, sentence, image and header counting and a document outline. View webpub.htm in Internet Explorer to see this demo. The outline window is intially turned off; click on the "Enable Outline" button to turn it on. You can just start typing or open an existing file immediately. Note that the implementation of the outline is very simplistic and therefore slow. It should not be enabled for large documents. View DOMUsage.htm in Internet Explorer to see this demo.
Samples\Web\WebApp: This sample shows how to build a client/server Web application that uses the DHTMLEdit Control to edit documents from the Internet/Inranet and post the results to a Web server. This demo shows one technique for using the component with documents that are stored on a Web server instead of the local filesystem. You will need to put this demo on a Web server to open files over your Intranet. View builded.htm in Internet Explorer to see this demo.
Important Notice: When viewing the Web demos in Internet Explorer, a security notification will be displayed when the page is first loaded. Simply click OK when this occurs. This dialog will come up every time a page is loaded because the preview release of the DHTML Editing control is marked unsafe for scripting. The final release will include a safe for scripting version of the control. To avoid seeing this dialog every time: