Howitwrx
About The Editor
The editing capabilities of the contentEditable toolbar uses the MSHTML language that has been built-in to Explorer browsers since version 4. The MSHTML language behind it was originally developed by Microsoft for HotMail.com users with authoring HTML email as it's only aim.
The toolbar uses the MSHTML version in Explorer 5.5+/Win browsers. Pages edited with the toolbar can be viewed by any browser because the HTML code produced by editing resembles HTML code produced by Microsoft's FrontPage web editor.
Converting A Web Page
Editable areas are enclosed within DIV or SPAN tags containing an editblock attribute. An entire page may be enclosed for full page editing, or only certain sections of the page. When the editor is turned on the element is outlined with a dashed line. An external javascript tag in the head of the page controls the login prompt for logging in from the page.
Login Control
An editable page contains an external javascript with a function that watches the user's keystrokes. Whenever the ESC key is tapped 3 times the login function is activated. Login will load the toolbar to the right of the editable page.
Entering the username "admin" and the admin password into the login prompt will open an admin page where users may be added, deteted or edited.
Multiple users may be assigned editing privileges for only particular pages or for entire folder trees based on the page's URL. Likewise, any user can be given the privilege to edit all editable pages within the domain. You can also determine by user which functions appear on the toolbar.
Toolbar Icons
Editor is off. Turns the editor on, outlining editable areas on the page with a dashed line.
Saves the edited page by over-writing the editable areas of the page with the content as it is in the browser.
Bolds the selected text.
Italicizes the selected text.
Underlines the selected text.
Opens the text font manager. Selected text will automatically change font family and size as selections are made in the manager.
Changes the color of the selected text.
Changes the color of the background of the selected text.
Inserts an image into the page. The first click opens the manager. An image in the user's defined image folder may be selected from a menu. Closing the manager captures the image parameters. Clicking the icon a second time inserts the image at the cursor location. DoubleClick an image to open the Image Mechanic to edit the image's attributes
Uploads an image from the user's computer to the toolbar defined folder for images.
Deletes the selected text or image from the page. The keyboard "Delete" key does the same thing
Removes all changes by reloading the page from the server.
Undo the previous change. Undo is recursive through all changes.
Restores the previous undo. Restore is recursive through all undos.
Cuts the selected text or image, placing it on the clipboard. The "Cut" on the right mouse menu does the same thing.
Copies the selected text or image, placing it on the clipboard. The "Copy" on the right mouse menu does the same thing.
Pastes the contents of the clipboard wherever the cursor is at. The "Paste" on the right mouse menu does the same thing.
Left justifies the selected text or image.
Center justifies the selected text or image.
Right justifies the selected text or image.
Outdents the selected text or image.
Indents the selected text or image.
Once clicked this icon creates an ordered list of each new line that contains text. While in listing mode hitting the Enter Key will create a new List Item, depressing Shift/Enter together will create a line break.
Once clicked this icon creates an unordered list of each new line that contains text. While in listing mode hitting the Enter Key will create a new List Item, depressing Shift/Enter together will create a line break.
Creates a horizontal rule line wherever the cursor is at.
Creates a link enclosing the selected text or image. Target other windows/frames or even contruct a pop-up window.
Creates a table. Wysiwyg tables are liquid objects by nature. Grab a table's object "handles" to resize it. DoubleClick a table cell to open the Table Mechanic to edit the table's attributes
Opens password changing for the user that is logged in.
Editor is on. Turns the editor off.
Code Safe
Will not mangle ASP, PHP, or SSI includes used to embed dynamic or template content on your page. The Toolbar edits only areas of the page contained in tags with an editblock attribute. If embedded ASP, PHP and SSI includes are outside of editblocks they remain untouched. You're in complete control.
Home  |  Howitwrx  |  Download  |  License  |  FAQ  |  Upgrade

Copyright © 2001-2008 WrxWare. All Rights Reserved