How the Editor Works

ConstraintInteractions - How the Editor Works

While the programmer codes, the editor detects patterns in element, tags, and attributes. The editor has two methods called groupTokenization and attributesTokenization, these tokenize the html code and creates a list of buckets to generate an autocomplete list. There are currently three autocomplete lists for each different bucket. The first list contains the group of elements and single element tokens, the second list contains tokens of type of attributes, and the last list contains tokens of the values of attributes. These autocomplete lists are presented to the programmer according to what they are writing. If the programmer is writing a tag, he will see the autocomplete of elements or group of elements. If the programmer is writing attribute values, he will see the list for attribute types, and the same for attribute values.