The [http{{Feature|image=Visual Editor (linking).png|imgdesc=Direct editing|title=}}{{#set://wwwfeature description = A reliable rich-text editor for MediaWiki.mediawiki Allows you to just "edit the page you see" while being aware of all the syntactically rich features of templates, extensions etc.org/wiki/VisualEditor }}{{#set:feature notes = The Visual Editoris available Here and on Wikipedia.}}{{#set:feature tests = [[Special:UserLogin|Login]] for MediaWiki relies on to the '''Parsoid''' extension <ref>wiki, and make an edit in your [https[Special:MyPage//git.wikimedia.org/tree/mediawiki%2Fextensions%2FParsoid Parsoid extensionSandbox|personal sandbox]]</ref>. }}{{#set:feature examples = }}
<blockquote>"Parsoid implements a bidirectional wikitext parser and interpreter. It
converts and interprets wikitext into an annotated HTML DOM, which can then be
edited with HTML editor tools such as the Visual Editor. It also provides the conversion
of a (possibly modified) HTML DOM back to wikitext."</blockquote>
Robin Cover would be proud[[File:VisualEditor-logo.svg|alt=Visual Editor|frameless|641x641px|Visual Editor logo]]== Links ==* [https://www.mediawiki.org/wiki/Help:VisualEditor/User_guide User Guide]* [https://www. It round-trips mediawiki.org/wiki/Project:Sandbox Demo] (no account needed)* [https://www.mediawiki.org/wiki /VisualEditor/Portal/Help Portal to HTML and back.Help Content about VE]
Parsoid brings node== Back story ==Wiki markup is a sort of shorthand for more complicated HTML markup designed to create nicely formatted web documents.js Although in the beginning wiki markup simplified the process of creating nicely formatted content, that shorthand can get increasingly complex in order to mediawikiproduce complicated layout and content. To install The extension of the visual editor extension in markup system over time to include a template subsystem and macros inevitably leads to a webfaction accounttension between ease of use, you need to first have node installed and workingpower. You can do This tension was one of the primary factors that the Wikimedia Foundation cited as an impediment to new content collaborators for the Wikipedia. <ref>https://strategy.wikimedia.org/wiki/March_2011_Update</ref><ref>http://strategy.wikimedia.org/wiki/Editor_Trends_Study</ref> <ref>See this by using October 2013 article in the [MIT Technology Review http://docswww.webfactiontechnologyreview.com/softwarefeaturedstory/custom520446/the-decline-of-wikipedia</ref>.html installer in your webfaction panel] and associating a path A visual editor was deemed nearly impossible after many early attempts failed, but with the app for a domainadvent of Node.js technology, it became an idea that was plausible again.
YouFast-forward to 2016 when VisualEditor was fully working as a Visual WYSIWYG interface for editing MediaWiki content, using a Node.js backend called 'Parsoid'll want which is a bidirectional runtime wiki parser. This caused a big software architectural problem: there were two parsers to set/update your $NODE_PATH maintain: the 'normal' (now 'legacy') core parser in PHP, and $PATH environment variables to locate the installed node modulesVisual Editor parser (Parsoid) in JavaScript. So, by the end of 2019, and Parsoid was ported to find the node PHP, and npm binaries<source lang="bash">export NODE_PATH="$HOME/webapps/node/lib/node_modules:$NODE_PATH"echo 'export NODE_PATH="$HOME/webapps/node/lib/node_modules:$NODE_PATH"' >> $HOME/distributed with MediaWiki 1.bashrcwhich npmexport PATH="$HOME/webapps/node/bin:$PATH"echo 'export PATH="/$HOME/webapps/node/bin35 as part of the [mw:$PATH"' >> $HOMEParsoid/Parser_Unification|Parser Unification initiative]].bashrc</source>
Once node == Intro ==* [https://commons.wikimedia.org/w/index.php?title=File%3AWikimania_2013_-_VisualEditor_-_The_present_and_future_of_editing_our_wikis.webm VIDEO] Wikimania 2013* [https://www.youtube.com/watch?v=M_Ioi1aLAL8 VIDEO] (47 min.) with James Forrester - Product Manager and npm) is availableRoan Kattouw - Sr. Software Engineer presenting Jan 13, you of course need to get the parsoid and visual_editor extensions2014 at Linux.conf. A quick <code>npm install</code> in au on the parsoid directory sets up all contentEditable aspects of the node machinerysystem.
The [http://www.mediawiki.org/wiki/VisualEditor Visual Editor] for MediaWiki relies on [[mw:Parsoid|Parsoid]] <blockquote>"Parsoid implements a bidirectional wikitext parser and interpreter. It converts and interprets wikitext into an annotated HTML DOM, which can then be edited with HTML editor tools such as the Visual Editor. It also provides the conversion of a (possibly modified) HTML DOM back to wikitext."</blockquote> [http://xml.coverpages.org/ Robin Cover] would be proud. It round-trips wiki to HTML + RDFa and back. == Installation ==VisualEditor is included with MediaWiki. See https://www.mediawiki.org/wiki/Extension:VisualEditor == Extensions ==# [[mw:Extension:VisualEditor]]# [[mw:Extension:Parsoid]] === Extensions that hook into VE ===* https://codesearch-beta.wmcloud.org/things/?q=ve.ui.commandRegistry.register&files=&excludeFiles=&repos=* https://codesearch-beta.wmcloud.org/extensions/?q=VisualEditorPluginModules&i=nope&files=&repos= Extension authors should register <code>VisualEditorPluginModules</code># https://www.mediawiki.org/wiki/Extension:Proofread_Page# https://www.mediawiki.org/wiki/Extension:CodeMirror (syntax highlighting)# https://www.mediawiki.org/wiki/Extension:Disambiguator# https://www.mediawiki.org/wiki/Extension:Graph# https://www.mediawiki.org/wiki/Extension:Kartographer (Open Street Maps)# https://www.mediawiki.org/wiki/Extension:LanguageTool# https://www.mediawiki.org/wiki/Extension:Math# https://www.mediawiki.org/wiki/Extension:Score (LillyPond)# https://www.mediawiki.org/wiki/Extension:SyntaxHighlight # https://www.mediawiki.org/wiki/Extension:TemplateData# https://www.mediawiki.org/wiki/Extension:WikiHiero == Customizing Visual Editor with custom menus, tools, commands ==* https://www.mediawiki.org/wiki/VisualEditor/Gadgets* https://www.mediawiki.org/wiki/VisualEditor/Gadgets/Creating_a_custom_command* https://www.mediawiki.org/wiki/VisualEditor/Gadgets/Add_a_tool == API / Developer Documentation Docs / DevOps ==* [[mw:Parsoid/Setup]]* [[mw:Parsoid/Troubleshooting]]* [[mw:Parsoid/Debugging]]* [[mw:Parsoid/Packaging]]* [https://wikitech.wikimedia.org/wiki/Parsoid DevOps] (Wikitech)
* https://doc.wikimedia.org/VisualEditor/master/ powered by JSDuck
* http://blog.gmane.org/gmane.science.linguistics.wikipedia.wikitext wikitext-l
I [https://gerrit.wikimedia.org/r/#/c/132479/1/api/ParsoidService.js noticed a bug] and it was fixed about 5 minutes after I mentioned it! (Thanks C. Scott Ananian){{References}}
[[Category:Wiki]]
[[Category:JavaScript]]