VisualEditor/API/User Interface

From MediaWiki.org
Jump to: navigation, search

VisualEditor's user interface is built from a combination of toolbars and inspectors which operate within and on top of a traditional rich text editor. Content is rendered as similarly as possible to how it appears in the view mode, with some purposeful exceptions, primarily for generated content.

Toolbars[edit | edit source]

VisualEditor-Toolbar.png

Toolbars are collections of grouped and ordered tools which allow users to perform common tasks on selected content using a mouse.

Inspectors[edit | edit source]

VisualEditor-LinkInspector.png

Inspectors are semi-modal dialog boxes that are anchored to and displayed near the content they are related to.

Nodes[edit | edit source]

Nodes are elements within a document that makeup a tree structure containing branches and leaves. Some branch nodes, such as paragraphs. contain content, while others contain other branches as is the case with lists or tables. User interface nodes are generated from data model nodes automatically.