Methods and apparatus for in-line editing of web page content with reduced disruption of logical and presentational structure of content
View Patent ↗Methods and apparatus for in-line editing of web page content with reduced disruption of logical and presentational structure of content are described. In one embodiment, a rendering of a web page is presented in a what-you-see-is-what-you-get (WYSIWYG) editing environment. The presenting includes overlaying an editing control layer for accessing editing functions of the what-you-see-is-what-you-get editing environment, and an electronic commerce web page layer derived from an electronic commerce web page document. The presenting includes inserting into structural tags of the electronic commerce web page document attribute data. The attribute data identifies editing functions available from the what-you-see-is-what-you-get editing environment for elements of editable content of the electronic commerce web page document. Responsive to a control actuation in the editing control layer, code for performance on the web page document of an editing function associated with the respective element of editable content by the attribute data is executed.
1. A method, comprising:
causing one or more processors to perform:
presenting a rendering of a web page in a what-you-see-is-what-you-get editing environment, wherein the presenting comprises:
combining transaction data from a data store and web page presentation data from a page content data store
rendering in the what-you-see-is-what-you-get editing environment the web page as the web page would be viewed in a non-editing viewing environment in a browser, and
transmitting to a browser application of an administrator the rendering of the web page in the what-you-see-is-what-you-get editing environment as:
an editing code layer for providing editing functions of the what-you-see-is-what-you-get editing environment, and
an electronic commerce web page layer including attribute tags identifying locations for editing options and excluding executable code for the what-you-see-is-what-you-get editing environment
responsive to receiving from the what-you-see-is-what-you-get editing environment and edit of an element of editable content of the web page, updating in both the transaction data store and the rendering the element of editable content of the web page.
2. The method of claim 1 , wherein:
the presenting excludes inserting tags that alter structures of the web page for use in editing in the what-you-see-is-what-you-get editing environment, and
the presenting further comprises rendering in the what-you-see-is-what-you-get the web page as viewable in presenting to a prospective purchaser.
3. The method of claim 1 , wherein the presenting further comprises preparing for display in an inline frame of the what-you-see-is-what-you-get editing environment of the web page.
4. The method of claim 1 , wherein the presenting further comprises preparing for display in an inline frame of the what-you-see-is-what-you-get editing environment the web page such that a browser performing the display ignores attributes in the attribute tags as metadata.
5. The method of claim 1 , wherein the presenting further comprises:
retrieving attributes from a web page document, and
displaying editing function controls of an editing control document as identified by the attributes as an overlay over an inline from of the what-you-see-is-what-you-get editing environment.
6. The method of claim 5 , wherein the attributes are key-value metadata inserted into editable parts of the web page document.
7. The method of claim 1 , wherein:
the presenting does not include inserting tags that alter structures of the web page for use in editing in the what-you-see-is-what-you-get editing environment, and
responsive to receiving the edit of the element of editable content from the what-you-see-is-what-you-get editing environment, executing code for performance, on the web page, of an editing function associated with the element of editable content.
8. A system, comprising:
at least one processor; and
a memory comprising program instructions, wherein the program instructions are executable by the at least one processor to:
present a rendering of a web page in a what-you-see-is-what-you-get editing environment, wherein the program instructions executable by the at least one processor to present comprise program instructions executable by the at least one processor to:
combine transaction data from a transaction data store and web page presentation data from a page content data store
render in the what-you-see-is-what-you-get editing environment the web page as the web page would be viewed in a non-editing viewing environment in a browser,
transmit to a browser application of an administrator the rendering of the web page in the what-you-see-is-what-you-get editing environment as:
an editing code layer for providing editing functions of the what-you-see-is-what-you-get editing environment, and
an electronic commerce web page layer including attribute tags identifying locations for editing options and excluding executable code for the what-you-see-is-what-you-get editing environment; and
responsive to receipt from the what-you-see-is-what-you-get editing environment of an edit of an element of editable content of the web page, update in both the transaction data store and the rendering the element of editable content of the web page.
9. The system of 8 , wherein the program instructions executable by the at least one processor to present further comprise program instructions executable by the at least one processor to present further comprise program instructions executable by the at least one processor to prepare for display in an inline from of the what-you-see-is-what-you-get editing environment the web page.
10. The system of claim 8 , wherein the program instructions executable by the at least one processor to present further comprise program instructions executable by the at least one processor to present further comprise program instructions executable by the at least one processor to prepare for display in an inline from of the what-you-see-is-what-you-get editing environment the web page such that a browser performing the displaying ignores attributes in the attribute tags as metadata.
11. The system of claim 8 , wherein the program instructions executable by the at least one processor to present further comprise program instructions executable by the at least one processor to:
retrieve attributes from a web page document, and
display editing function controls of an editing control document as identified by the attributes as an overlay over an inline from of the what-you-see-is-what-you-get editing environment.
12. The system of claim 11 , wherein the attributes are key-value metadata inserted into editable parts of the web page document.
13. The system of claim 8 , wherein
the program instructions executable by the at least one processor to present do not include program instructions executable by the at least one processor to insert tags that alter structures of the web page for use in editing in the what-you-see-is-what-you-get editing environment, and wherein
responsive to receipt of the edit of the element of editable content of the web page from the what-you-see-is-what-you-get editing environment, the program instructions executable by the at least one processor to present further comprise program instructions executable by the at least one processor to perform, on the web page, an editing function associated with the element of editable content.
14. The system of claim 8 , wherein the program instructions executable by the at least one processor to present further comprise program instructions executable by the at least one processor to insert tags that alter a tree of HTML content.
15. A non-transitory computer-readable storage medium storing computer-executable program instructions that, when executed by one or more processors, cause the one or more processors to:
present a rendering of a web page in a what-you-see-is-what-you-get editing environment, wherein to present, the computer-executable program instructions, when executed, cause the one or more processors to:
combine transaction data from a transaction data store and web page presentation data from a page content data store,
render in the what-you-see-is-what-you-get editing environment the web page as the web page would be viewed in a non-editing viewing environment in a browser, and
transmitting to a browser application of an administrator the rendering of the web page in the what-you-see-is-what-you-get editing environment as:
an editing code layer for providing editing functions of the what-you-see-is-what-you-get editing environment, and
an electronic commerce web page layer including attribute tags identifying locations for ending options and excluding executable code for the what-you-see-is-what-you-get editing environment; and
responsive to receipt from the what-you-see-is-what-you-get editing environment of an edit of an element of editable content of the web page, update in both the transaction data store and the rendering the element of editable content of the web page.
16. The non-transitory computer-readable storage medium of claim 15 , wherein to present, the computer-executable program instructions, when executed, further cause the one or more processors to prepare for display in an inline from of the what-you-see-is-what-you-get editing environment the web page.
17. The non-transitory computer-readable storage medium of claim 15 , wherein to present, the computer-executable program instructions, when executed, further cause the one or more processors to prepare for display in an inline from of the what-you-see-is-what-you-get editing environment the web page such that a browser performing the display ignores the attributes as metadata.
18. The non-transitory computer-readable storage medium of claim 15 , wherein to present, the computer-executable program instructions, when executed, further cause the one or more processors to:
retrieve attributes from a web page document, and
display editing function controls of an editing control document as identified by the attributes as an overlay over an inline from of the what-you-see-is-what-you-get editing environment.
19. The non-transitory computer-readable storage medium of claim 18 , wherein the attributes are key-value metadata inserted into editable parts of the web page document.
20. The non-transitory computer-readable storage medium of claim 15 , wherein responsive to the receipt of the edit of the element of editable content from the what-you-see-is-what-you-get editing environment via the editing control layer, the computer-executable program instructions, when executed, further cause the one or more processors to insert tags that alter structures of the web page for use in editing in the what-you-see-is-what-you-get editing environment.
21. The non-transitory computer-readable storage medium of claim 20 , wherein to insert the tags that alter structures of the web page for use in editing in the what-you-see-is-what-you-get editing environment, the computer-executable program instructions, when executed, further cause the one or more processors to insert tags that alter a tree of HTML content.
22. The non-transitory computer-readable storage medium of claim 15 , wherein to present, the computer-executable program instructions, when executed further cause the one or more processors to implement overlaying:
an editing control layer from an editing control document for accessing editing functions of the what-you-see-is-what-you-get editing environment, and
an electronic commerce web page layer derived from an electronic commerce web page document, wherein
the editing control layer is overlayed above the electronic commerce web page layer.