Back to results
US 2014/0351692 A1Published application
Method for in-browser visual HTML editing via bi-directional navigation and virtual properties
AssigneeDavid Wei Ge
InventorDavid Wei Ge
Life of this patent
Estimating the term…
Abstract
This invention is related to a cross-browser “What You See Is What You Get” HTML editor using caret-sensitive element selection, parent-element list, child-element accessing, virtual properties, automated CSS creations, and element-specific command list.
Claims9
A method for creating an in-browser visual HTML editor by setting “contentEditable” attribute to “true” for the top level HTML element to be edited or the body of the html page if the whole web page is to be edited, the method comprising:
- detecting the lowest level of HTML element at caret, which is referred to as the base-element;
- creating a list to show a text representation of the base-element and a text representation of each level of parent elements of the base-element;
- detecting item selection change of the said list to get an HTML element selection;
- creating areas to hold command-buttons specific to said selected HTML element, referred to as element-command-area;
- creating a table for displaying and editing all attributes of the selected HTML element, said table has one column for displaying attribute names and one column for displaying and editing attribute values;
- said table is referred to as “the Property Grid”;
- in said table there is one row displaying a virtual property for grouping CSS styles;
- when the user sets a value to said virtual property the value is used as a class name by said selected HTML element, the class name indicated by original value of said virtual property value is removed from class names of said selected HTML element;
- said virtual property is referred to as “style name”.
6 more elements
Dependencies are inferred from the claim text.