User interface for creation of content works
View Patent ↗A system, computer-readable storage medium, and computer-implemented method for editing content works, such as publications using markup language, via a user interface having panel of patterns, are presented. The disclosure includes approaches for editing and creating patterns based on selected representations of markup elements and other content, and also features of the user interface that enable use of the patterns for modifying content works.
1. A method for editing a content work using a breadcrumb element, comprising:
presenting a preview representation for the content work within a presentation panel of a user interface of a content editing tool;
detecting a presentation-panel selection of a first preview representation of a first markup language element in the presentation panel, wherein the selected first preview representation is a rendering of the first markup language element;
responsive to the presentation-panel selection, displaying a selection of the first markup language element in a breadcrumb element overlaid over the presentation panel, wherein the breadcrumb element comprises a representation of a hierarchy of selectable markup language elements including a hierarchy representation of the first markup language element;
detecting a breadcrumb selection of a representation of a second markup language element in the breadcrumb element;
responsive to the breadcrumb selection, extending a prompt from the breadcrumb element that lists a plurality of styles that may be applied to the second markup language element in the content work and, optionally, the children of the second markup language element;
detecting a prompt selection of one of the plurality of styles in the prompt; and
responsive to the prompt selection, applying the one of the plurality of styles to the second markup language element and displaying an updated preview of a rendering of the content work in the presentation panel.
2. The method of claim 1 , further comprising detecting a user request to edit the plurality of styles; and receiving a new style and/or updates to at least one of the plurality of styles.
3. The method of claim 1 , wherein the plurality of styles includes specifying at least one of text color, and background color.
4. The method of claim 1 , wherein the selection of a representation of the first markup language element or a third markup language element displayed in the breadcrumb element causes a corresponding selection of the corresponding representation of the first or third markup language element in the presentation panel.
5. The method of claim 1 , wherein the plurality of styles includes specifying at least one of figure alignment, and figure size.
6. A computer system comprising a display and a processor configured to present a user interface on the display, the user interface comprising:
a presentation panel for displaying a preview of a rendering of a content work; and
a breadcrumb element for displaying a hierarchy of selectable representations of markup language elements;
wherein:
the user interface is configured to:
detect a presentation-panel selection of a first preview representation of a first markup language element in the presentation panel, wherein the selected first preview representation is a rendering of the first markup language element;
responsive to the presentation-panel selection, display a selection of the first markup language element in the breadcrumb element, wherein the breadcrumb element is overlaid over the presentation panel and includes a hierarchy representation of the first markup language element;
detect a breadcrumb selection of a representation of a markup language element in the breadcrumb element,
responsive to the breadcrumb selection, extend a prompt from the breadcrumb element that lists a plurality of styles that may be applied to the second markup language element in the content work and, optionally, the children of the second markup language element;
detect a prompt selection of one of the plurality of styles in the prompt; and
responsive to the prompt selection, apply the selected one of the plurality of styles to the second markup language element and display an updated preview of a rendering of the content work in the presentation panel.
7. The computer system of claim 6 , wherein the user interface is configured to detect a user request to edit the plurality of styles; and to receive a new style and/or updates to at least one of the plurality of styles.
8. The computer system of claim 6 , wherein the plurality of styles includes specifying at least one of text color, and background color.
9. The computer system of claim 6 , wherein the plurality of styles includes specifying at least one of figure alignment, and figure size.
10. A non-transitory computer-readable medium storing computer-executable instructions, which instructions when executed by a processor cause the processor to perform steps comprising:
presenting a preview representation for a content work within a presentation panel of a user interface of a content editing tool;
detecting a presentation-panel selection of a first preview representation of a first markup language element in the presentation panel, wherein the selected first preview representation is a rendering of the first markup language element;
responsive to the presentation-panel selection, displaying a selection of the first markup language element in a breadcrumb element overlaid over the presentation panel, wherein the breadcrumb element comprises a representation of a hierarchy of selectable markup language elements including a hierarchy representation of the first markup language element;
detecting a breadcrumb selection of a representation of a second markup language element in the breadcrumb element;
responsive to the breadcrumb selection, extending a prompt from the breadcrumb element that lists a plurality of styles that may be applied to the second markup language element in the content work and, optionally, the children of the second markup language element;
detecting a prompt selection of one of the plurality of styles in the prompt; and
responsive to the prompt selection, applying the one of the plurality of styles to the second markup language element and displaying an updated preview of a rendering of the content work in the presentation panel.
11. The non-transitory computer-readable medium of claim 10 , the instructions further comprising: detecting a user request to edit the plurality of styles; and receiving a new style and/or updates to at least one of the plurality of styles.
12. The non-transitory computer-readable medium of claim 10 , wherein the plurality of styles includes specifying at least one of text color, and background color.
13. The non-transitory computer-readable medium of claim 10 , wherein the selection of a representation of the first markup language element or a third markup language element displayed in the breadcrumb element causes a corresponding selection of the corresponding representation of the first or third markup language element in the presentation panel.
14. The non-transitory computer-readable medium of claim 10 , wherein the plurality of styles includes specifying at least one of figure alignment, and figure size.