Latest revision as of 10:50, 7 June 2024

Extension: VisualEditor

Overview
Description:	Is an editor you can use without having to enter special markup.
State:	stable	Dependency:	MediaWiki
Developer:	MediaWiki	License:	MIT
Type:	MediaWiki	Category:	Editor
Edition:	BlueSpice pro, BlueSpice free, BlueSpice farm, BlueSpice cloud	Version:	4.1+
View help page

Features

VisualEditor is a WYSIWYG editor that enables you to edit wiki pages without having to enter special markup (like HTML, wiki tags). The editor menu bar resembles those of commonly used word processing programs. The VisualEditor in BlueSpice is based on the extension VisualEditor, but extends it with numerous functions:

Support for many additional tags, such as diagrams.
Simplification of dialogues, such as the upload dialogue.
Easier integration of dynamic content and templates via the function ContentDroplets.
Drag'n'drop of images and files into the text.
Table functions, like background colours in cells.
Exit the editor with a security check.
Integration of the VisualEditor in other features such as in Forms or Social.

Technical information

Configuration

Up to BlueSpice 3.2.x: The VisualEditor uses the Node.js service Parsoid. Because this service cannot be installed in some cases, this extension is deactivated by default. After successful installation and configuration, the visual editor can be activated as described.

BlueSpice 4.1.x+: VisualEditor no longer requires Parsoid. Therefore, VisualEditor is activated by default.

Rights (permissions)

Requirements

VisualEditor requires BlueSpiceFoundation.

Accessibility

Test status:	2-testing complete
Checked for:	Authoring tool
Last test date:	2022-08-04
WCAG level:	AA
WCAG support:	partially supports (workaround: yes)
Comments:	most important keyboard shortcuts (e.g., to save a page, to format elements) are available, but not for all elements; workaround1 : source editing workaround2: e.g. Chrome browser: alt+F opens browers menu -> s (to go to search function) -> search for "Insert" and focus on Insert menu high contrast mode toolbar icon support: starting mw 1.39 (see T180890) - not yet applied in BlueSpice
Extension type:	core
Extension focus:	editor

@@ Line 4: / Line 4: @@
 |developer=MediaWiki
 |type=MediaWiki
-|edition=BlueSpice pro, BlueSpice free, BlueSpice Farm, BlueSpice Cloud
+|edition=BlueSpice pro, BlueSpice free, BlueSpice farm, BlueSpice cloud
 |compatible=MediaWiki
 |category=Editor
 |license=MIT
 |docu=https://www.mediawiki.org/wiki/Extension:VisualEditor
-|features=<nowiki>==Description==</nowiki>
+|features='''VisualEditor''' is a WYSIWYG editor that enables you to edit wiki pages without having to enter special markup (like HTML, wiki tags). The editor menu bar resembles those of commonly used word processing programs.
+The VisualEditor in BlueSpice is based on the extension [https://www.mediawiki.org/wiki/Extension:VisualEditor VisualEditor], but extends it with numerous functions:
+* Support for many additional tags, such as diagrams.
+* Simplification of dialogues, such as the upload dialogue.
+* Easier integration of dynamic content and templates via the function ContentDroplets.
+* Drag'n'drop of images and files into the text.
+* Table functions, like background colours in cells.
+* Exit the editor with a security check.
+* Integration of the VisualEditor in other features such as in Forms or Social.
-<nowiki>'''VisualEditor'''</nowiki> is a WYSIWYG editor that enables you to edit wiki pages without having to enter special markup (like HTML, wiki tags). The editor menu bar resembles those of commonly used word processing programs.
-<nowiki>==Usage / Features==</nowiki>
+==Technical information==
-When activated, clicking the "edit" button will load the visual editor instead of the wiki text editor.
+===Configuration===
-If this is not the case, for example because you are using a form to edit the page, the VisualEditor is also available via the "arrow" menu next to the edit button under "Edit".
-<nowiki>==Technical information==</nowiki>
-<nowiki>===Configuration===</nowiki>
 Up to BlueSpice 3.2.x: The VisualEditor uses the Node.js service Parsoid. Because this service cannot be installed in some cases, this extension is deactivated by default. After successful installation and configuration, the visual editor can be activated as described.
@@ Line 27: / Line 28: @@
 BlueSpice 4.1.x+: VisualEditor no longer requires Parsoid. Therefore, VisualEditor is activated by default.
-<nowiki>===Rights (permissions)===</nowiki>
+===Rights (permissions)===
-<nowiki>===Requirements===</nowiki>
-VisualEditor requires <nowiki>[[Reference:BlueSpiceFoundation{{!}}BlueSpiceFoundation]]</nowiki>.
+===Requirements===
-<nowiki>==Try free our BlueSpice[https://en.demo.bluespice.com/wiki/Main_Page BlueSpiceDemo.]</nowiki><nowiki>==</nowiki>
+VisualEditor requires [[Reference:BlueSpiceFoundation{{!}}BlueSpiceFoundation]].
-<nowiki>{{Translation}}</nowiki>
+{{Translation}}
 |active=No
 }}
@@ Line 44: / Line 43: @@
 |wcagLevel=AA
 |wcagSupport=partially supports
-|wcagComments=* most important keyboard shortcuts (e.g., to save a page, to format elements) are available, but not for all elements; workaround: source editing
+|wcagWorkaround=yes
-* high contrast mode support: starting mw 1.39 (see [https://phabricator.wikimedia.org/T180890 T180890])
+|wcagComments=*most important keyboard shortcuts (e.g., to save a page, to format elements) are available, but not for all elements;
+**workaround1 : source editing
+**workaround2: e.g. Chrome browser: alt+F opens browers menu -> s (to go to search function) -> search for "Insert" and focus on Insert menu
+*high contrast mode toolbar icon support: starting mw 1.39 (see [https://phabricator.wikimedia.org/T180890 T180890]) - not yet applied in BlueSpice
 |extensionType=core
 |extensionFocus=editor
 }}

Reference:VisualEditor: Difference between revisions