SyntaxEditor Web Languages Add-on for UWP

Automated IntelliPrompt quick info, outlining, and formatting for editing XML and JavaScript

SyntaxEditor

If you are looking to add truly advanced XML, JavaScript, and JSON editing functionality such as background parsing with AST building, syntax error reporting, automatic outlining, smart indent, text formatting and more to your applications that use the UWP SyntaxEditor, you need to get the Web Languages Add-on.

The XML language also includes automated IntelliPrompt quick info and end tag auto-completion.

For customers who only require basic syntax highlighting, free XML and JavaScript language implementations are included with the SyntaxEditor control.

Automated IntelliPrompt UI

IntelliPrompt UI features are an aid to the end user that support code completion and provide contextually-aware information about surrounding code.

Quick Info

Quick Info

Automated quick info tips show whenever the mouse is hovered over an element or attribute, and display detailed information about the target element or attribute. (XML only)

Navigable Symbols

Navigable Symbols

Drop-downs positioned above the editor can show contextual element symbols on the left, and all available attribute symbols on the right. The selections update as the caret is moved in the editor. (XML only)

Completion List

Completion List

Displays a number of auto-complete options for the end user to choose in response to Ctrl+Space. The completion list includes keywords and symbols referenced in the same document. (JavaScript only)

Advanced Features

Syntax Highlighting

Syntax Highlighting

XML syntax highlighting makes it easier to visually distinguish things like elements, attributes, and comments, while JavaScript/JSON syntax highlighting makes it easier to see keywords, strings, and comments.

Code Outlining

Code Outlining

Automatic code outlining is performed based on the parser's AST results, allowing block element ranges to be used as outlining nodes.


Editing Productivity

Line Commenting

Built-in functionality can be called from menus/toolbars to comment and uncomment code lines.

Smart Indent

Smart indenting occurs when the Enter key is pressed and determines how far to indent text on the next line based on the contents of the code that surrounds the caret.

Text Formatting

Text formatters are available that can beautify documents by properly indenting the code and normalizing whitespace.

Delimiters

Delimiter (bracket) highlighting and delimiter auto-completion features are included. (JavaScript/JSON only)

XML End Tag Auto-Complete

When typing a '>' to close a start tag, the appropriate end tag is auto-inserted.

XML Context Information

Get detailed contextual information for any offset, such as which ancestor elements contain the offset.


Parsing

Specification Compliance

The XML, JavaScript, and JSON parsers are designed according to the official language specifications, ensuring that syntax errors are located properly.

Full AST Generation

The language parsers output an AST (abstract syntax tree) for each document parsed. This tree consists of a node for every code construct in the document (element, attribute, expression, etc.).

Syntax Error Reporting

The parser keeps track of syntax errors and renders squiggle lines under each error. Hover over the squiggle line to see the error description.

Syntax Languages

The SyntaxEditor Web Languages Add-on includes these advanced syntax language implementations, for use with the Universal Windows SyntaxEditor control:

JavaScript
JSON
XML

This premium add-on is sold separately from SyntaxEditor and control bundles.


Explore the UWP SyntaxEditor

Next Steps

Free Evaluation

The best way to learn about our UI controls and their features is to download a free trial. This will allow you to see samples, documentation, and integrate them into your own apps.

Download Trial

Need Help?

Do you have any licensing or sales questions? Do you have a technical question while evaluating? Please contact us so that our friendly staff can assist you.

Contact Us

Licensing

When your app's development team is licensed, you can distribute an app using our royalty-free UI controls to anyone. Our purchase page helps you calculate the licensing to meet your needs.

Purchase Licenses