Automatic creation of cascading style sheets

• US 8,181,104 B1
• Filed: 08/31/2004
• Issued: 05/15/2012
• Est. Priority Date: 08/31/2004
• Status: Active Grant

• Current Assignee: Adobe Inc.
• Original Assignee: Adobe Systems Incorporated (Adobe Inc.)
• Inventors: Jaramillo, Narciso B., Helfand, Russ
• Primary Examiner(s): Hong, Stephen
• Assistant Examiner(s): Tsui, Wilson
• Application Number:
  US10/930,714
• Time in Patent Office: 2,814 Days
• Field of Search: 715/517, 715/513, 715/522, 715/51, 715/510, 715/234, 715/235, 715/236, 715/243, 715/249, 707/1
• US Class Current: 715/234
• 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
• CPC Class Codes: G06F 40/166 Editing, e.g. inserting or deleting

Abstract

A system and method are described for automatically generating style sheet formatting for stylistic edits to a Web page in a Web development environment. The Web development environment detects the user'"'"'s selection of particular content of the Web page and captures any stylistic changes that the user makes to the content. Using the stylistic changes, the Web development environment searches a style data structure to determine whether any style rules already exist that correspond to the user'"'"'s stylistic changes. If the Web development environment does not find a pre-existing style rule, it automatically generates one or more style rules for the stylistic edits and associates those rules with the selected content. If a pre-existing style rule exists within the style data structure, the Web development environment assigns the pre-existing style rule to the selected content.

Claims

1. A method for automatically generating style sheet formatting in a web development environment, the method comprising:

detecting selection of content within a web page while the web page is edited in a web development environment;

responsive to input received by the web development environment, automatically capturing one or more stylistic changes to said selected content;

responsive to capturing the one or more stylistic changes, automatically accessing a style data structure, the style data structure defined in a style sheet included in the web page or in a separate style sheet file referenced by the web page, wherein the style data structure comprises a plurality of style sheet rules and wherein each rule is applicable to one or more elements in the web page to control an appearance of the one or more elements;

automatically searching the style data structure for a style sheet rule defining a style having attributes that match said one or more stylistic changes to said selected content; and

if a style sheet rule in said style sheet data structure matching said one or more stylistic changes is discovered, automatically applying the discovered style sheet rule to said content by modifying markup defining a structural element of said web page corresponding to said content;

otherwise automatically generating one or more style sheet rules for each of said one or more stylistic changes associated with said selection and updating the style sheet to include the generated one or more style sheet rules; and

automatically applying the one or more generated style sheet rules to said content by modifying markup defining a structural element of said web page corresponding to said content.

2. The method of claim 1 further comprising:

detecting a set of stylistic tags surrounding said user-selection, wherein said one or more stylistic changes does not represent formatting defined by said set of stylistic tags;

responsive to said detecting, adding a closing stylistic tag before an opening tag of a set of assignment tags associating one of said one or more style sheet rules and said style to said user-selection, wherein said closing stylistic tag pairs with an opening one of said set of stylistic tags; and

responsive to said detecting, adding an opening stylistic tag after a closing tag of said set of assignment tags, wherein said opening stylistic corresponds to said closing stylistic tag.

3. The method of claim 1, wherein the style sheet comprises a cascading style sheet.

4. A method for editing a page in a development environment, the method comprising:

automatically comparing one or more edits made to user-selected content with a list of existing styles to identify at least one style having attributes matching the edits, the styles defined in a style sheet comprising one or more style sheet rules, the style sheet included in a document comprising said user-selected content or in a separate style sheet file referenced by the document comprising said user-selected content, each rule applicable to one or more elements in the document to control an appearance of the one or more elements; and

if a matching style in said style sheet is located in said comparing step, automatically applying the discovered style sheet rule to said content by modifying markup defining a structural element of said web page corresponding to said content;

otherwise, automatically generating a new style comprising said edits and updating the style sheet to include said new style; and

applying the generated new style, to the user-selected content,

wherein said applying steps comprise automatically inserting spanning tags in said document around said user-selected content, wherein said spanning tags identify one of said matching style or said new style.

5. The method of claim 4 wherein said applying step comprises:

modifying structural markup to identify application of one of said matching style and said new style, said modifying responsive to said user-selected content corresponding to an area defined by said structural markup.

6. The method of claim 4, wherein said generating said new style comprises:

adding a style property to said new style.

7. The method of claim 4, wherein the style sheet comprises a cascading style sheet.

8. A computer program product having a non-transitory computer readable medium embodying computer program logic, said computer program product comprising:

code for identifying selected content within a page edited in a development environment, the selected content corresponding to a structural element of the page;

code for automatically acquiring one or more formatting edits to said selected content;

code for automatically accessing a style sheet, the style sheet included in the page or in a style sheet page referenced by the page, the style sheet comprising one or more style sheet rules defining one or more styles applicable to one or more structural elements in the page to control an appearance of the one or more structural elements;

code for comparing said one or more formatting edits to one or more existing styles to identify at least one style having attributes matching the formatting edits;

code for, if a matching style in said style sheet is located in said comparing step, automatically applying the discovered style sheet rule to said content by modifying markup defining a structural element of said web page corresponding to said content;

code for, otherwise automatically updating the style sheet to include a new style sheet rule defining a style corresponding to said one or more formatting edits associated with said selected content; and

automatically changing markup defining the corresponding structural element to apply said new style sheet rule to said selected content.

9. The computer-readable medium of claim 8, wherein the style sheet comprises a cascading style sheet.

10. The computer program product of claim 8 further comprising:

code for detecting a set of stylistic tags surrounding said user-selection, wherein said one or more stylistic changes does not represent formatting defined by said set of stylistic tags;

code for responsive to said detecting, adding a closing stylistic tag before an opening tag of a set of assignment tags associating one of said one or more style sheet rules and said style to said user-selection, wherein said closing stylistic tag pairs with an opening one of said set of stylistic tags; and

code for responsive to said detecting, adding an opening stylistic tag after a closing tag of said set of assignment tags, wherein said opening stylistic tag corresponds to said closing stylistic tag.

11. A computer-implemented method comprising:

receiving, by an application executed by a computing system, input identifying a stylistic change to an element in a document, the element defined by markup code;

responsive to the input, automatically accessing a style sheet included in the document or in a separate style sheet file referenced by the document, wherein the style sheet comprises a plurality of style sheet rules and wherein each rule is applicable to one or more elements in the document to control an appearance of the one or more elements;

automatically searching the style sheet for a style sheet rule defining a style having attributes that match said stylistic change;

if a style sheet rule in said style sheet matching said stylistic change is found, automatically applying the discovered style sheet rule to said content by modifying markup defining a structural element of said web page corresponding to said content;

otherwise, automatically generating one or more style sheet rules for the stylistic change and updating the style sheet to include the generated one or more style sheet rules; and

automatically applying the generated style sheet rule to said element by changing the markup code defining the element to reference the style sheet rule.

12. The computer-implemented method set forth in claim 11, wherein the document comprises a web page.

13. The computer-readable medium of claim 11, wherein the style sheet comprises a cascading style sheet.

14. The method of claim 11 further comprising:

detecting a set of stylistic tags surrounding said user-selection, wherein said one or more stylistic changes does not represent formatting defined by said set of stylistic tags;

responsive to said detecting, adding a closing stylistic tag before an opening tag of a set of assignment tags associating one of said one or more style sheet rules and said style to said user-selection, wherein said closing stylistic tag pairs with an opening one of said set of stylistic tags; and

responsive to said detecting, adding an opening stylistic tag after a closing tag of said set of assignment tags, wherein said opening stylistic tag corresponds to said closing stylistic tag.

15. A computing system comprising a processor with access to a non-transitory computer-readable medium embodying one or more program components that configure the computing system to:

detect selection of content within a page while the page is edited in an application, the content defined by markup code;

responsive to input received by the application, automatically capture one or more stylistic changes to said content;

responsive to capturing, automatically access a style data structure, the style data structure defined in a style sheet included in the page or in a separate style sheet file referenced by the page, wherein the style data structure comprises a plurality of style sheet rules, wherein each rule is applicable to one or more elements in the page to control an appearance of the one or more elements, and wherein the style sheet rules are logically distinct from the markup code defining the content;

automatically search the style data structure for a style sheet rule defining a style having attributes that match said one or more stylistic changes;

if a style sheet rule matching said one or more stylistic changes is found, automatically apply the discovered style sheet rule to said content by modifying markup defining a structural element of said web page corresponding to said content;

otherwise automatically generate one or more style sheet rules for one or more stylistic changes associated with said selection;

update the style sheet to include the generated one or more style sheet rules; and

automatically apply said generated style sheet rule to said content by changing the markup code defining the content.

16. The system set forth in claim 15, wherein the page comprises a web page.

17. The system of claim 15, wherein the style sheet comprises a cascading style sheet.

18. The system of claim 15 wherein the one or more program components are further configured to cause the computing system to:

detect a set of stylistic tags surrounding said user-selection, wherein said one or more stylistic changes does not represent formatting defined by said set of stylistic tags;

responsive to said detecting, add a closing stylistic tag before an opening tag of a set of assignment tags associating one of said one or more style sheet rules and said style to said user-selection, wherein said closing stylistic tag pairs with an opening one of said set of stylistic tags; and

responsive to said detecting, add an opening stylistic tag after a closing tag of said set of assignment tags, wherein said opening stylistic tag corresponds to said closing stylistic tag.