User:TheDJ/Actual Live Preview

The Actual Live Preview gadget at work.

Actual Live Preview is a script that automatically previews wiki markup while you type.

The script only automatically previews if the width of the window is over 1200 pixels, otherwise the columns for the side-by-side view become too narrow.

The right side presents a scrollable preview of the wikicode. When you scroll the markup editor, the preview will do its best to stay scroll along with you. If you scroll the entire article it will quickly get out of sync however and you will manually have to scroll the preview area.

Installation

To enable the script, simply:

• go to the Editing section of your Special:Preferences.
• under Preview check "Show previews without reloading the page"
• click the Save button.
• go to your common.js or global.js and add the following block to it:

// [[User:TheDJ/ActualLivePreview.js]]
mw.loader.load('//wiki.riteme.site/w/index.php?title=User:TheDJ/ActualLivePreview.js&action=raw&ctype=text/javascript');