IN-LINE EDITOR INSERTION
In one example in accordance with the present disclosure, a method for in-line editor insertion includes accessing code for an application that is capable of presenting a front-end page to a user, where content on the front-end page is editable via a back-end editing page. The method includes automatically modifying the code to create a modified application that is capable of presenting a modified front-end page to the user that is similar to the front-end page and where content on the modified front-end page is editable in-line via the modified front-end page.
1 . A method for in-line editor insertion, the method comprising:
accessing code for an application that is capable of presenting a front-end page to a user, where content on the front-end page is editable via a back-end editing page; and
automatically modifying the code to create a modified application that is capable of presenting a modified front-end page to the user that is similar to the front-end page and where content on the modified front-end page is editable in-line via the modified front-end page.
2 . The method of claim 1 , wherein automatically modifying the code includes:
identifying at least one page element of the front-end page that is to be in-line editable; and
inserting into the code of the application, for each page element that is to be in-line editable, editing interface code that is capable of displaying an editing interface for the page element on the front-end page.
3 . The method of claim 2 , wherein automatically modifying the code further includes determining, for each page element that is to be in-line editable, the form of the editing interface by looking up a corresponding back-end editing interface of the back-end editing page and using a similar form.
4 . The method of claim 3 , wherein a connection between each page element that is to be in-line editable and the corresponding back-end editing interface is established based on user selection or a configuration file.
5 . The method of claim 4 , wherein the connection includes:
identifying each page element using an HTML tag or CSS selector; and
identifying each corresponding back-end editing interface using an HTML tag or CSS selector.
6 . The method of claim 4 , wherein a connection between the front-end page and the corresponding back-end editing page is established based on user selection or a configuration file, wherein the connection includes:
identifying the front-end page using a URL, URL extension, HTML tag or CSS selector of the front-end page; and
identifying the corresponding back-end editing page using a URL, URL extension, HTML tag or CSS selector of the front-end page.
7 . The method of claim 2 , wherein automatically modifying the code further includes inserting, into the code of the application, in-line editing activation code that is capable of displaying an icon, link or toolbar that allows a user to engage with it to cause at least one of the editing interfaces to display or activate.
8 . The method of claim 2 , wherein automatically modifying the code further includes inserting, into the code of the application, content commit code that, for each editing interface, is capable of sending a request with updated information from the editing interface to the back-end editing page and the corresponding back-end editing interface to save the updated information.
9 . The method of claim 8 , wherein a connection between the front-end page and the back-end editing page is established based on user selection or a configuration file, and wherein a connection between each editing interface and the corresponding back-end editing interface is established based on user selection or a configuration file.
10 . The method of claim 8 , wherein automatically modifying the code further includes inserting, into the code of the application, local update code that, for any updated information sent by any of the editing interfaces to the back-end editing page, is also updated on the front-end page.
11 . A system for in-line editor insertion, the system comprising:
a code accessor to access code for an application that is capable of presenting a front-end page to a user, where content on the front-end page is editable via a back-end editing page;
an information collector to access information provided by user selection or a configuration file, the information indicating a connection between a page element of the front-end page that is to be in-line editable and a corresponding editing interface of the back-end editing page; and
a code modifier to automatically modifying the code of the application to create a modified application that is capable of presenting a modified front-end page to the user that is similar to the front-end page and where content on the modified front-end page is made editable in-line via the modified front-end page using the information indicating a connection.
12 . The system of claim 11 , wherein content on the modified front-end page is made editable in-line by inserting into the code of the application code that is capable of displaying an editing interface for the front-end page element and sending modified information from the editing interface for the front-end page element to the corresponding editing interface of the back-end editing page.
13 . The system of claim 12 , wherein the code modifier is further to determine the form of the editing interface for the front-end page element by looking up the corresponding editing interface of the back-end editing page and using a similar form.
14 . A machine-readable storage medium encoded with instructions for in-line editor insertion, the instructions executable by a processor of a system to cause the system to:
access code for an application that is capable of presenting a front-end page to a user, where content on the front-end page is editable via a back-end editing page; and
automatically modify the code to create a modified application that is capable of presenting a modified front-end page to the user that is similar to the front-end page and where content on the modified front-end page is editable in-line via the modified front-end page,
wherein automatically modifying the code includes inserting into the code of the application, for at least one page element of the front-end page that is to be in-line editable, code that is capable of displaying an editing interface for the page element on the front-end page and sending modified information for the page element to a corresponding editing interface of the back-end editing page.
15 . The machine-readable storage medium of claim 14 , wherein the instructions executable by the processor of the system further cause the system to collect information that establishes a connection, for the at least one page element of the front-end page that is to be in-line editable, between the page element and the corresponding back-end editing interface, identifying the page element using an HTML tag or CSS selector and identifying the corresponding back-end editing interface using an HTML tag or CSS selector.