Systems and methods for conversion of web content into reusable templates and components
AssigneeOpen Text Corporation
InventorsJohn W. Chang, Paul Kieron Carl Narth, Sampada Khare, Sunil Menon
Life of this patent
Estimating the term…
Abstract
Embodiments as disclosed provide a What-You-See-Is-What-You Get (WYSIWYG) editor for web content, allowing the conversion of previously generated web content to reusable templates or components. Embodiments thus allow, among other advantages, users such as web content developers to easily repurpose or reuse previously developed pages or content by giving these users the ability to review and edit previously developed pages or content in a WYSIWYG editor.
Claims21
A system for web development, comprising:
- a web developer, including a processor and storage, the web developer coupled over a network to a client device, and
- the web developer including computer executable instructions to:
- receive scripting language from the client at an editor executing on a browser at the client device;
- render, by the editor executing on the browser at the client device, the scripting language in the browser executing the editor to present the rendered scripting language in the browser, wherein rendering the scripting language in the browser executing the editor to present the rendered scripting language in the browser is accomplished by the editor inserting the received scripting language into instructions of the editor such that the received scripting language is rendered in the browser in association with execution of the editor by the browser and the received scripting language is inserted to the set of instructions of the editor;
- identify, by the editor, portions of the scripting language, wherein identifying the portions of the scripting language comprises processing the set of instructions of the editor to identify the portions of scripting language within the instructions of the editor;
- evaluate, by the editor, the identified portions of the scripting language to determine separate pieces of the scripting language, wherein each identified piece is evaluated based on a tag associated with the identified piece to determine if the identified piece is a separate piece based on an evaluation whether the tag associated with the identified piece of the instructions of the editor is an identifier associated with the editor;
- generate, by the editor, a component for each of the identified separate pieces, wherein the generation of the component for the separate piece comprises identifying a component type for the separate piece based on the scripting language associated with the separate piece, generating the component of the identified component type based on a component definition for the component type, and populating a datum of the generated component with scripting language from the corresponding separate piece, and wherein the component definition for the component type is coding language defining each component of the component type, generating the component comprises saving a copy of the component definition for the component type as the generated component and populating the datum of the generated component comprises inserting the scripting language from the corresponding separate piece into the generated component at a location for the datum defined by the coding language of the component definition;
- identify, by the editor executing on the browser, the generated components in the rendered scripting language presented by the browser;
- receive, by the editor, an instruction to accept the identified components;
- and
- generate, by the editor, a template at the web developer including the identified components.
A method, comprising:
- receiving scripting language from a client at an editor executing on a browser at the client device;
- rendering, by the editor executing on the browser at the client device, the scripting language in the browser executing the editor to present the rendered scripting language in the browser, wherein rendering the scripting language in the browser executing the editor to present the rendered scripting language in the browser is accomplished by the editor inserting the received scripting language into instructions of the editor such that the received scripting language is rendered in the browser in association with execution of the editor by the browser and the received scripting language is inserted to the set of instructions of the editor;
- identifying, by the editor, portions of the scripting language, wherein identifying the portions of the scripting language comprises processing the set of instructions of the editor to identify the portions of scripting language within the instructions of the editor;
- evaluating, by the editor, the identified portions of the scripting language to determine separate pieces of the scripting language, wherein each identified piece is evaluated based on a tag associated with the identified piece to determine if the identified piece is a separate piece based on an evaluation whether the tag associated with the identified piece of the instructions of the editor is an identifier associated with the editor;
- generating, by the editor, a component for each of the identified separate pieces, wherein the generation of the component for the separate piece comprises identifying a component type for the separate piece based on the scripting language associated with the separate piece, generating the component of the identified component type based on a component definition for the component type, and populating a datum of the generated component with scripting language from the corresponding separate piece, and wherein the component definition for the component type is coding language defining each component of the component type, generating the component comprises saving a copy of the component definition for the component type as the generated component and populating the datum of the generated component comprises inserting the scripting language from the corresponding separate piece into the generated component at a location for the datum defined by the coding language of the component definition;
- identifying, by the editor executing on the browser, the generated components in the rendered scripting language presented by the browser;
- receiving, by the editor, an instruction to accept the identified components;
- and
- generating, by the editor, a template at a web developer including the identified components.
A non-transitory computer readable medium comprising instructions for:
- receiving scripting language from a client at an editor executing on a browser at the client device;
- rendering, by the editor executing on the browser at the client device, the scripting language in the browser executing the editor to present the rendered scripting language in the browser, wherein rendering the scripting language in the browser executing the editor to present the rendered scripting language in the browser is accomplished by the editor inserting the received scripting language into instructions of the editor such that the received scripting language is rendered in the browser in association with execution of the editor by the browser and the received scripting language is inserted to the set of instructions of the editor;
- identifying, by the editor, portions of the scripting language, wherein identifying the portions of the scripting language comprises processing the set of instructions of the editor to identify the portions of scripting language within the instructions of the editor;
- evaluating, by the editor, the identified portions of the scripting language to determine separate pieces of the scripting language, wherein each identified piece is evaluated based on a tag associated with the identified piece to determine if the identified piece is a separate piece based on an evaluation whether the tag associated with the identified piece of the instructions of the editor is an identifier associated with the editor;
- generating, by the editor, a component for each of the identified separate pieces, wherein the generation of the component for the separate piece comprises identifying a component type for the separate piece based on the scripting language associated with the separate piece, generating the component of the identified component type based on a component definition for the component type, and populating a datum of the generated component with scripting language from the corresponding separate piece, and wherein the component definition for the component type is coding language defining each component of the component type, generating the component comprises saving a copy of the component definition for the component type as the generated component and populating the datum of the generated component comprises inserting the scripting language from the corresponding separate piece into the generated component at a location for the datum defined by the coding language of the component definition;
- identifying, by the editor executing on the browser, the generated components in the rendered scripting language presented by the browser;
- receiving, by the editor, an instruction to accept the identified components;
- and
- generating, by the editor, a template at a web developer including the identified components.
Dependencies are inferred from the claim text.