VisualEditor/Installation on a shared host
VisualEditor requires a Parsoid service (using the Parsoid/Developer Setup here). Parsoid requires also Node.js running in the background at all times. Most shared-hosting companies don't provide this. If you cannot move your wiki to a dedicated hosting solution such as a VPS, then a workaround is to install Parsoid on a cloud platform which supports Node.js, such as Heroku.com. Be aware that this is not an official hack.
- Install Extension:VisualEditor on your wiki as per usual (you can download it from here)
- Sign up with Heroku.com
- In the language choice section select node.js
- In your local computer, install the Heroku Command Line Interface as well as any dependencies (i.e node.js and npm).
- The first thing you should do when you installed Git is to set your user name and email address. This is important because every Git commit uses this information, and it’s immutably baked into the commits you start creating. So set your name and email with the following commands:
git config --global user.name "John Doe" git config --global user.email firstname.lastname@example.org
- Download Parsoid using this command:
git clone https://gerrit.wikimedia.org/r/p/mediawiki/services/parsoid.git
- After successfully downloading, go to Parsoid location on your disk (for example here "C:\parsoid").
- In Parsoid folder change the file .gitignore (this file is located between "tools" folder and ".gitreview" file in Parsoid root folder). Here you need to remove the line config.yaml (11 line).
- Now you also need to change the file config.example.yaml. Open it and change uri (line 40) The "uri" is the URL to your API (normally this is in the root-folder and called api.php). Change this option according your wiki (for example http://wiki.mysite.com/api.php or http://mysite.com/w/api.php or something like that. For mediawiki.org it is https://www.mediawiki.org/w/api.php):
- Once you applied the changes save the file as config.yaml
- Now, login to your heroku account by typing:Then sign in to your heroku account using your email address and password.
- To create a new app type in console:
- Then open your app on Heroku.
- In "Settings" tab edit the "Config Variables" and add the following parameters:
KEY: NODE_ENV VALUE: production KEY: Buildpack VALUE: nodejs
- Then from inside the parsoid folder ("C:\parsoid\") add all files to your git repository:
git init git add . git commit
- You'll see git editor. You can get out of it by typing the command :q. After this you are shown the message "Aborting commit due to empty commit message". Don't worry this is normal.
- Next, add your Heroku app as a Git remote: Now you should get a positive response.
heroku git:remote -a appname git commit -m "Initial commit" git push heroku master
- Before you run your app set Heroku to run it with one dyno:
heroku ps:scale web=1
- To test your installation open your app: URL is http://APPNAME.herokuapp.com
- You should see a HTML-Page titled "Welcome to the Parsoid web service". which shows that Parsoid is working.
- Now it's time to change your LocalSettings.php:
wfLoadExtension( 'VisualEditor' ); //Enable VisualEditor by default for everybody $wgDefaultUserOptions['visualeditor-enable'] = 1; // Optional: Set VisualEditor as the default for anonymous users // otherwise they will have to switch to VE // $wgDefaultUserOptions['visualeditor-editor'] = "visualeditor"; // Don't allow users to disable it $wgHiddenPrefs = 'visualeditor-enable'; // OPTIONAL: Enable VisualEditor's experimental code features #$wgDefaultUserOptions['visualeditor-enable-experimental'] = 1; // Parsoid configuration $wgVirtualRestConfig['modules']['parsoid'] = array( // URL to the Parsoid instance // Use port 8142 if you use the Debian package // url must not end in a slash, otherwise it might give a 404 error 'url' => 'APPNAME.herokuapp.com', // Parsoid "domain", see below (optional) 'domain' => 'localhost', // Parsoid "prefix", see below (optional) 'prefix' => 'your wiki prefix', //If you run a private wiki then you have to set the following variable to true: 'forwardCookies' => true );