Document editing system with design editing panel that mirrors updates to document under creation
A document editing system provides a design editing panel with a document under creation. The document editing system provides a representation of the document under creation on the design editing panel using a plurality of graphical editing features, where each of the graphical editing features are interactive to receive an input for editing a corresponding content element of the document under creation. In response to editor input that alters an appearance of at least a content element of the document under creation, the document editing system alters an appearance of one or more graphical editing features of the design editing panel.
1. A computer system comprising:
a memory to store a set of instructions:
one or more processors to retrieve and execute the instructions, to:
provide a user interface including (i) a document under creation, and (ii) a design editing panel, separate from the document under creation, to enable a user to make a selection of a plurality of content elements for display as part of the document under creation;
structure the document under creation to display the plurality of content elements as part of the document under creation, in accordance with each of (i) a spatial arrangement of the plurality of content elements, and (ii) a logical relationship as between at least some of the plurality of content elements;
provide, with the design editing panel, for each of the plurality of content elements, a corresponding one of a plurality of interactive graphical editing features to enable the user to change one or more attributes of its corresponding content element;
arrange, with the design editing panel, the plurality of interactive graphical editing features to reflect each of (i) a position of one or more of the plurality of content elements in the spatial arrangement, and (ii) the logical relationship amongst at least some of the plurality of content elements;
enable the user to interact with the document under creation to alter the spatial arrangement amongst at least some of the plurality of content elements; and
in response to the spatial arrangement of the plurality of content elements being altered, automatically alter the arrangement of the plurality of interactive graphical editing features on the design editing panel to reflect the position of one or more of the plurality of content elements in the altered spatial arrangement.
2. The computer system of claim 1 , wherein the one or more processors execute instructions to:
enable the user to select a new content element;
render the new content element as part of the document under creation; and
automatically alter the plurality of interactive graphical editing features of the design editing panel to include an interactive graphical editing feature representing the new content element.
3. The computer system of claim 1 , wherein the one or more processors execute instructions to:
display the interactive graphical editing feature representing a new content element based on contextual metadata determined from a position or logical relationship of the new content element.
4. The computer system of claim 1 , wherein the one or more processors execute instructions to:
enable the user to interact with the document under creation to alter the logical relationship amongst at least some of the plurality of content elements; and
in response to the logical relationship amongst at least some of the plurality of content elements being altered, automatically alter the arrangement of the plurality of interactive graphical editing features to reflect the altered logical relationships.
5. The computer system of claim 1 , wherein the one or more processors execute instructions to:
enable the user to pre-select one of the content elements of the document under creation; and
in response to the user pre-selecting the content element, performing one or more actions to at least highlight an interactive graphical editing feature of the design editing panel that corresponds to the pre-selected content element.
6. The computer system of claim 1 , wherein the one or more processors execute instructions to perform one or more actions that include revealing, with the corresponding interactive graphical editing feature, one or more content modification features for modifying one or more attributes of the pre-selected content element.
7. The computer system of claim 1 , wherein the plurality of content elements include content elements that are structured by the document under creation to be of a particular type.
8. The computer system of claim 7 , wherein the plurality of content elements include each of a section and a content object.
9. The computer system of claim 1 , wherein the design editing panel displays, for at least some of the interactive graphical editing features, a content modification feature to enable the user to change the one or more attributes of a corresponding content element.
10. The computer system of claim 9 , wherein a functionality of the content modification feature is specific to a type of the attribute that is being modified.
11. The computer system of claim 10 , wherein in response to the user changing the one or more attributes of one or more of the content elements of the document under creation, the one or more processors execute the instructions to automatically alter an appearance of one or more of the interactive graphical editing features to reflect the change in the one or more attributes.
12. The computer system of claim 1 , wherein the one or more processors execute the instructions to enable the user to interact with the design editing panel to alter the arrangement of the plurality of interactive graphical editing features, and to automatically change the spatial arrangement of the plurality of content elements to reflect the altered arrangement of the plurality of interactive graphical editing features.
13. The computer system of claim 1 , wherein the one or more processors execute the instructions to enable the user to interact with the design editing panel to change the logical relationship amongst at least some of the plurality of content elements of the document under creation.
14. The computer system of claim 13 , wherein the logical relationship amongst at least some of the plurality of content elements includes a hierarchical relationship.
15. The computer system of claim 13 , wherein the logical relationship amongst at least some of the plurality of content elements includes a hierarchical relationship as between multiple content elements that are each a content object.
16. The computer system of claim 1 , wherein the one or more processors execute the instructions to enable the document under creation to alter an appearance of the document under creation, to account for a particular type of computing environment on which the document under creation is to be rendered.
17. The computer system of claim 1 , wherein the document under creation corresponds to an email, a catalog, a newsletter or a page of a publication.
18. A method for creating electronic documents, the method being implemented by one or more processors and comprising:
providing a user interface including (i) a document under creation, and (ii) a design editing panel, separate from the document under creation, to enable a user to make a selection of a plurality of content elements for display as part of the document under creation;
structuring the document under creation to display the plurality of content elements as part of the document under creation, in accordance with each of (i) a spatial arrangement of the plurality of content elements, and (ii) a logical relationship as between at least some of the plurality of content elements;
providing, with the design editing panel, for each of the plurality of content elements, a corresponding one of a plurality of interactive graphical editing features to enable the user to change one or more attributes of its corresponding content element;
arranging, with the design editing panel, the plurality of interactive graphical editing features to reflect each of (i) a position of one or more of the plurality of content elements in the spatial arrangement, and (ii) the logical relationship amongst at least some of the plurality of content elements;
enabling the user to interact with the document under creation to alter the spatial arrangement amongst at least some of the plurality of content elements; and
in response to the spatial arrangement of the plurality of content elements being altered, automatically altering the arrangement of the plurality of interactive graphical editing features on the design editing panel to reflect the position of one or more of the plurality of content elements in the altered spatial arrangement.
19. The method of claim 18 , wherein the method is implemented as part of a network service.
20. A non-transitory computer-readable medium that stores a set of instructions, which when executed by one or more processors, cause a computer system of the one or more processors to perform operations that include:
providing a user interface including (i) a document under creation, and (ii) a design editing panel, separate from the document under creation, to enable a user to make a selection of a plurality of content elements for display as part of the document under creation;
structuring the document under creation to display the plurality of content elements as part of the document under creation, in accordance with each of (i) a spatial arrangement of the plurality of content elements, and (ii) a logical relationship as between at least some of the plurality of content elements;
providing, with the design editing panel, for each of the plurality of content elements, a corresponding one of a plurality of interactive graphical editing features to enable the user to change one or more attributes of its corresponding content element;
arranging, with the design editing panel, the plurality of interactive graphical editing features to reflect each of (i) a position of one or more of the plurality of content elements in the spatial arrangement, and (ii) the logical relationship amongst at least some of the plurality of content elements;
enabling the user to interact with the document under creation to alter the spatial arrangement amongst at least some of the plurality of content elements; and
in response to the spatial arrangement of the plurality of content elements being altered, automatically altering the arrangement of the plurality of interactive graphical editing features on the design editing panel to reflect the position of one or more of the plurality of content elements in the altered spatial arrangement.