PageDesigner Introduction

Post on 01-Jan-2016

22 views 1 download

description

PageDesigner Introduction. Sybase, Inc. Features. WYSIWYG web page editor for HTML/CSS/JSP/JSF pages Full HTML4.0, CSS2 support Design, Source and preview pages Customizable properties page Customizable palette Resource Drag & Drop processing Extensions for new taglib support. The editor. - PowerPoint PPT Presentation

Transcript of PageDesigner Introduction

PageDesigner IntroductionPageDesigner Introduction

Sybase, Inc.

FeaturesFeatures

WYSIWYG web page editor for HTML/CSS/JSP/JSF pages

Full HTML4.0, CSS2 support Design, Source and preview pages Customizable properties page Customizable palette Resource Drag & Drop processing Extensions for new taglib support

The editorThe editor

FrameworkFramework

WTP

JSFSupport

HTML/CSS PageDesignerHTML/CSS PageDesigner

SSE

MyFacesSupport

3rd Party Taglib Support

Basic architectureBasic architecture

1. CSS LayerThis layer mainly handles CSS specification. It handles how controls are displayed on the canvas, and how they are displayed.

2. HTML LayerThis layer is relatively simple. It handles how to map HTML components to corresponding CSS components.

3. Tag Convert LayerThis layer handles how to convert JSP/JSF customized tags to HTML tags. So later the HTML layer and CSS layer can use to render the tags on screen.

4. Edit LayerThis layer integrates with the GEF framework and Webtools’ SSE framework. To support graphical editing.

Basic classes diagramBasic classes diagram

ExtensionsExtensions

Design time render Items in palette Properties view – Quick edit pane – Category & cell editor

Edit policies Items in pop-up menu Drag and drop processor