1 / 14

A wizzy-what ?!!

A wizzy-what ?!!. Content Management Is Easy With WYSIWIG Editors. WEB WYSIWYG Editors. Providing content authors with HTML writing tools. When – Content Management Systems, Web based email systems, Message boards. Why – limited budgets, common standards Editors - Client side tools

bbettie
Download Presentation

A wizzy-what ?!!

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. A wizzy-what ?!! Content Management Is Easy With WYSIWIG Editors Presenter: Michael McGuire mmcguire@masimax.com, 240-632-0610

  2. WEB WYSIWYG Editors • Providing content authors with HTML writing tools. • When – Content Management Systems, Web based email systems, Message boards. • Why – limited budgets, common standards • Editors - Client side tools • Client OS and Browser compatibility is an enormous issue. • Function As Form Text areas • Overview of 2 different kinds of editors • Flash Editors (EwebWP) • ActiveX (EwebeditPro) Presenter: Michael McGuire mmcguire@masimax.com, 240-632-0610

  3. EKTRON • Why Ektron Editors • Stable Company • Excellent Support • Industry Leader • Excellent Documentation(user & developer) • Works well with ColdFusion • Great Architecture Presenter: Michael McGuire mmcguire@masimax.com, 240-632-0610

  4. EwebWP – (ABOUT) • Flash Based (6) • Cross Platform compatibility • Produced by Ektron • Easy Installation • Light download for client • $99 License Presenter: Michael McGuire mmcguire@masimax.com, 240-632-0610

  5. EwebWP – (FEATURES) • Insert Files and Images • Font Style/Alignment • Style Sheet compatibility • Cut/Copy/Paste Presenter: Michael McGuire mmcguire@masimax.com, 240-632-0610

  6. EwebeditWP – (INSTALLATION) • Key Files • EwebWP.swf – Flash executable • EwebWPLicenseKey.txt – Key provided by Ektron • Ewebwp.cfm – Calls the Flash executable • FilesStored.xml – provides titles and paths to images and files for insert into content. Presenter: Michael McGuire mmcguire@masimax.com, 240-632-0610

  7. EwebeditWP – How it stacks up • Advantages • Easy to Install • Excellent support from Ektron • Cross platform support • Disadvantages • Image is not displayed in Editor • Limited ability to customize • Limited HTML Support (No Tables) • Limited Special Character/Foreign Character support Presenter: Michael McGuire mmcguire@masimax.com, 240-632-0610

  8. Ewebeditpro – (ABOUT) About Ewebeditpro 2.6.1 - Produced by Ektron - Requires a Windows OS for the client - ActiveX Control - A truer WYSIWG Editor - Generates xhtml - Highly Customizable - Strong CF support - $300 license Presenter: Michael McGuire mmcguire@masimax.com, 240-632-0610

  9. Ewebeditpro – (FEATURES) • Image/File/hyperlink Insert • Image Upload Module • Stylesheet support • Multilanguage Support • Cleans Word Documents well • Standard text editing features • Supports Tables • HTML view • Spell Check Presenter: Michael McGuire mmcguire@masimax.com, 240-632-0610

  10. Ewebeditpro (INTEGRATION) • Key Files • Config.xml- Controls the tool bar, paths • Ewebeditpro.cfm – Custom tag that calls editor, sets paths • ewebeditproevents.js – javasript processes • Key Tables • Images table – controls images paths, properties • Extension_tbl table – used to control the types of files that can be uploaded. Presenter: Michael McGuire mmcguire@masimax.com, 240-632-0610

  11. Ewebeditpro (CUSTOMIZE TOOLBAR) • Add new tools to the editor tool bar • Code for Config.xml <button command="cmdadobe"/> <command name="cmdadobe" enabled="true"> <image src="[eWebEditProPath]/btnphotoshop.gif"/> <caption>Add A Link To An Adobe Document</caption> <description>Add Link To An Adobe Document</description> <tooltiptext>Add Link To An Adobe Document</tooltiptext> </command> • Code for ewebeditproevents.js else if ("cmdadobe" == strCmdName) {window.open(eWebEditPro.parameters.path + 'adobe.cfm?editorName=' + escape(sEditorName), 'adobe', 'toolbar=0, location=0,directories=0,screenX=50, screenY=50, status=0,menubar=0,scrollbars=0,hotkeys=1, resizable=1,width=500,height=250'); } Presenter: Michael McGuire mmcguire@masimax.com, 240-632-0610

  12. Ewebeditpro (CUSTOMIZE STYLESHEET) • Code for Config.xml • - <style publishstyles="true" href="[eWebEditProPath]/ektnormala.css" preservewordstyles="true"/> Presenter: Michael McGuire mmcguire@masimax.com, 240-632-0610

  13. Ewebeditpro (RETURNING VALUES TO THE EDITOR) • Code for Adobe.cfm function inserthyperlink() { if (top.opener.closed){alert("Your hyperlink could not be inserted because the editor page has been closed."); }else if (document.frmHyperlinks.text2.value == ''){alert("Your hyperlink text is blank and would create an empty link."); } else{ var hyperlinkvalue; var pastevalue; var targetvalue; var targetvaluepaste targetvalue = ocument.frmHyperlinks.Target.options[document.frmHyperlinks.Target.selectedIndex].value; if (targetvalue == "") {targetvaluepaste = ""; } else {targetvaluepaste = "target=" + targetvalue; } hyperlinkvalue = document.frmHyperlinks.httpLink.value pastevalue = '<A HREF="' + hyperlinkvalue + '" ' + targetvaluepaste +'>' + document.frmHyperlinks.text2.value + '</a>'; top.opener.eWebEditPro[objQuery["editorName"]].pasteHTML(pastevalue); self.close(); } } Presenter: Michael McGuire mmcguire@masimax.com, 240-632-0610

  14. Ewebeditpro – How it stacks up • ActiveX • Heavy download • Serious compatibility issues • Very powerful additional functionality • Excellent Support • Highly customizable Presenter: Michael McGuire mmcguire@masimax.com, 240-632-0610

More Related