Visual Path Resolution in a Context Separated Authoring Environment of a REST- and Component- Based Content Management System

• US 20150106695A1
• Filed: 10/11/2013
• Published: 04/16/2015
• Est. Priority Date: 10/11/2013
• Status: Active Grant

• Current Assignee: Adobe Inc.
• Original Assignee: Adobe Systems Incorporated (Adobe Inc.)
• Inventors: Antipa, Damien
• Granted Patent: US 10,650,187 B2
• Time in Patent Office: Days
• US Class Current: 715/235
• CPC Class Codes: G06F 40/143 Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
• CPC Class Codes: G06F 40/154 Tree transformation for tree-structured or markup documents, e.g. XSLT, XSL-FO or stylesheets

Abstract

Techniques are disclosed for providing visual path resolution in a context separated authoring environment of a REST- and component-based content management system. A web page editor is activated for editing a web page having a plurality of Document Object Model components. A structured document is generated and configured to present the web page components and at least a portion of the web page editor in a common frame of a browser window, as well as visual indications of regions of the web page that contain one or more of the components. In response to receiving an input that selects one of the components, the structured document is updated to present information about a property of the selected component, such as a path to a location of the selected component and/or a type of the selected component, in the same region of the web page that contains the selected component.

Claims

1. A computer-implemented method comprising:

activating a web page editor associated with a REST-based content management system (CMS) for editing a web page comprising a plurality of document object model (DOM) components;

generating a structured document configured to present the DOM components of the web page and the web page editor in a common frame of a browser window with visual indications of regions of the web page containing one or more of the DOM components; and

in response to receiving an input that selects one of the DOM components, updating the structured document to switch from presenting the selected DOM component to presenting information about a property of the selected DOM component in the common frame of the browser window.

2. The method of claim 1, further comprising sending the structured document to a browser for rendering.

3. The method of claim 1, wherein the structured document is further configured to present the information in the region of the web page containing the selected DOM component.

4. The method of claim 1, wherein the structured document is further configured to present the information with a contrasting appearance to at least one other portion of the web page.

5. The method of claim 1, wherein the property includes at least one of a path to a location of the selected DOM component and a type of the selected DOM component.

6. The method of claim 1, wherein the visual indications include dashed lines surrounding each region.

7. The method of claim 1, wherein the input that selects the one of the identified DOM components is a mouse-enter or touch screen event associated with the region of the web page containing the selected DOM component.

8. The method of claim 1, further comprising, in response to receiving an input that deselects the selected DOM component, updating the structured document to switch from presenting the information to presenting the deselected DOM component.

9. The method of claim 8, wherein the input that deselects the one of the identified DOM components is a mouse-leave or touch screen event associated with the region of the web page containing the selected DOM component.

10. The method of claim 1, wherein each DOM component includes a Cascading Style Sheet (CSS) class selector.

11. A system comprising:

a storage; and

a processor operatively coupled to the storage and configured to carry out a process comprising;

activating a web page editor associated with a REST-based content management system (CMS) for editing a web page comprising a plurality of document object model (DOM) components;

generating a structured document configured to present the DOM components of the web page and the web page editor in a common frame of a browser window with visual indications of regions of the web page containing one or more of the DOM components; and

in response to receiving an input that selects one of the DOM components, updating the structured document to switch from presenting the selected DOM component to presenting information about a property of the selected DOM component in the common frame of the browser window.

12. The system of claim 11, wherein the process includes sending the structured document to a browser for rendering.

13. The system of claim 11, wherein the structured document is further configured to present the information in the region of the web page containing the selected DOM component.

14. The system of claim 11, wherein the structured document is further configured to present the information with a contrasting appearance to at least one other portion of the web page.

15. The system of claim 11, wherein the property includes at least one of a path to a location of the selected DOM component and a type of the selected DOM component.

16. The system of claim 11, wherein the visual indications include dashed lines surrounding each region.

17. The system of claim 11, wherein the input that selects the one of the identified DOM components is a mouse-enter or touch screen event associated with the region of the web page containing the selected DOM component.

18. The system of claim 11, wherein the process includes, in response to receiving an input that deselects the selected DOM component, updating the structured document to switch from presenting the information to presenting the deselected DOM component.

19. The system of claim 18, wherein the input that deselects the one of the identified DOM components is a mouse-leave or touch screen event associated with the region of the web page containing the selected DOM component.

20. A non-transient computer program product having instructions encoded thereon that when executed by one or more processors cause a process to be carried out, the process comprising:

activating a web page editor associated with a REST-based content management system (CMS) for editing a web page comprising a plurality of document object model (DOM) components;

generating a structured document configured to present the DOM components of the web page and the web page editor in a common frame of a browser window with visual indications of regions of the web page containing one or more of the DOM components; and

in response to receiving an input that selects one of the DOM components, updating the structured document to switch from presenting the selected DOM component to presenting information about a property of the selected DOM component in the common frame of the browser window.