User:Cacycle/wikEd

Recent improvements

• Modernized and updated user interface. (March 07, 2014)
• wikEd now displays redlinks in red. Also, the link tooltip popups displays the redirect's targets. You can then use the button to fix redirects. (December 14, 2013)

Please support wikEd

Please support wikEd by helping to fix the following browser and MediaWiki issues. You could also vote for these bugs in the respective bug trackers (login required).

• Firefox:
  • 1015433 Undo/Redo corrupts/deletes text
  • 819753 Brakes switching between textified and wikidied pasting from floating bar
  • 458524 Automatic syntax highlighting would interfere with undo/redo. The only reason why wikEd does not have automatic syntax highlighting.
  • 543204, 579760 (cursor/caret disappears)
  • 819753 (undo broken)
  • 926230 (space at end of line not styled)
• Webkit/Chrome:
  • Webkit 34377 (unselectable hidden content)
  • Chrome 271445 (range strangeness)
  • Chrome 318925 (copy and paste eats spaces)

wikEd is a full-featured Wikipedia-integrated advanced text editor for regular to advanced wiki users. wikEd features syntax highlighting with code check and reference and template folding, on-page Show preview and Show changes, and advanced search and replace functions. Please check the wikEd help page for details. wikEd works under all web browsers except Internet Explorer and Opera.

Quick features

Screenshot

(For a more detailed feature list see below)

• Syntax highlighting with code check and reference and template folding
• Comfortable search and replace with regular expression support and type-ahead find
• On-page Show preview and Show changes
• Pasting, import, and wiki code conversion of formatted text, e.g. from Microsoft-Word and web pages
• Open links and wiki-links with a ctrl-click
• Fullscreen editing mode
• Single-click fixing of common issues and mistakes
• Works for every MediaWiki and has been translated into many languages

Installation

How to install wikEd (chose one option):

Type	Scope	Installation	Remarks
Gadget	Local Wikipedia language or wiki only	Select wikEd under Gadgets in your wiki preferences	The easiest option on the English Wikipedia. Not available on all wikis.
User script	Local Wikipedia language or wiki only	Paste a small code snippet to your User:YourUsername/common.js page
Site wide	Local wiki only	A wiki administrator has to paste a code snippet to the MediaWiki:Common.js page	Site wide installation for all users
Greasemonkey/Tampermonkey	Every Wikipedia language and MediaWiki installation	Install the Greasemonkey/Tampermonkey add-on for your browser, then install wikEd by clicking here	Also works for anonymous users that are not logged in

See wikEd installation page for more details. That page also explains how to install wikEd on non-Wikipedia wikis and on wikis without internet connection and how to create a wikEd gadget.

How to use it

Simply check wikEd under the Gadget section in your Wikipedia preferences (or use one of the other installation methods from above).

Check the wikEd help page for a description of all buttons. For a local installation as a Greasemonkey user script see below.

For more information, see below or check the wikEd installation page.

Full features

(For a quick feature list see above)

See also the wikEd help page for a description of all buttons and functions. wikEd adds the following functions as buttons above the edit textarea:

• Pasting formatted content, e.g. from web pages, other wiki pages, MS-Word, or MS-Excel
• Converting the formatted content to wikicode including tables
• Wikicode syntax highlighting, based on a real JavaScript wikicode parser
  • Embedded image preview
  • Code check
  • Reference and template folding
  • Highlighting of different types of dash and blank characters
• Find and replace:
  • Case insensitive and regular expression support
  • Find ahead as you type
  • Find and/or replace all occurrences
  • Find and replace history
• On-page Show preview
  • Immediate local preview using InstaView
  • Replaced by a background server preview (using Ajax)
• On-page improved Show changes:
  • Improved inline format (additions and deletions in a continuous text)
  • Uses server-independent User:Cacycle/diff
  • Detects and displays text block moves
• Intelligent and persistent Edit summary field history
  • Predefined and customizable summary texts
• Fixing common mistakes with one button:
  • Fixing wiki links with redirects to final target article (Ajax)
  • Fix Unicode character representations to either actual characters or character entities (depending on browser support status of character)
  • Fix common typos using AutoWikiBrowser RegExTypoFix rules
  • Fix redirect links to the final target
  • Mathematical and chemical formulas
  • Basic — spaces and empty lines
  • Dashes
  • Units
  • HTML — change html code to wikicode (including tables)
  • Capitalization of headers and lists
• Article navigation: jump to headings from the find field drop-down menu
• Fullscreen editing mode
• All buttons have popup descriptions (titles)
• Alphabetical sorting of lines and link lists
• Hide <ref>...</ref> in-text reference tags, {{..}} templates, and character entities (such as &nbsp;)
• Fully customizable via CSS and configuration settings
• Intelligent selection of affected text, e.g. the word under the cursor, the current line, or the current paragraph
• Font size zoom for edit box
• Compatible with the standard editing toolbars
• Simple click dynamic main switch (logo next to the logout link)
• Automatic update and installation of new versions
• Support for user-defined buttons and functions
• Runs on the following pages: normal edit, file upload, and edit raw watchlist
• Improved diff display on version comparison pages (using wikEdDiff)
• Internal and external links in the edited text can be opened in a new tab or window with a ctrl-click
• Keyboard shortcuts for buttons
• Template and parser function highlighting for template developers
• Can be installed as a gadget, user script, site script, or Greasemonkey/Tampermonkey script
  • Runs on every MediaWiki installation and for anonymous users when installed in the browser as a Greasemonkey/Tampermonkey script
• Active on normal edit pages, read-only pages, view deleted pages, upload pages, the edit raw watchlist page, and semantic forms
• Fully translated into many languages

Translations

See wikEd international for translations of wikEd and how to install them. wikEd has been translated into Arabic, Chinese (simplified), Chinese (traditional), Croatian, Czech, Dutch, Esperanto, Finnish, French, Galician, German, Hebrew, Hungarian, Italian, Japanese, Korean, Kazakh, Lower Sorbian, Malay, Norwegian, New Norwegian, Persian (Farsi), Polish, Portuguese, Romanian, Russian, Sicilian, Slovak, Slovenian, Spanish, Swedish, Turkish, Upper Sorbian, and Vietnamese. Detailed instructions on creating new translations can also be found on the wikEd international page.

wikEd userbox

If you're on Wikipedia, paste the following text to your user page:

{{User:Cacycle/wikEd userbox}}

to get this userbox:

This user edits with the gadget wikEd

Check who is using this box.

Known general issues

• wikEd does currently not work in Internet Explorer and older versions of Opera (version 12 and below)
• If you are using a really old computer or are editing very long articles, then you could speed up page loading by temporarily disabling the syntax highlighting by pushing the button or by temporarily turning wikEd off by pushing the button.
• wikEd relies on the browser-internal rich-text editor and uses formatted text (similar to MS Word or Outlook). This causes the following inconveniences:
  • Syntax highlighting of new and changed text has to be invoked manually by pushing the button (see Firefox feature request).
  • Pasting text from HTML headings generates new paragraphs with line breaks before and after the pasted text. These line breaks will disappear if you press the textify button .
  • Under Firefox, it is not possible to enter tab characters in iframes. In order to enter tabs, you have to temporarily disable wikEd using the button.
• Be very careful when using the purple fixing buttons and always check the Show changes functions for unanticipated changes. There are cases where the simple rules used for these buttons can damage articles.
• wikEd is incompatible with certain scripts and extensions that rely on or change the original text edit box (see the next section).

Compatibility

Browser support

wikEd works under Firefox, SeaMonkey, Safari, WebKit, Google Chrome, Opera (version 15 and higher) but not yet under the currently not standards-compatible Internet Explorer and Opera (versions before 15).

Skin support

wikEd works with all native MediaWiki skins and most of their derivatives. Other supported skins include:

• Pinkwich5 (Citizendium)
• Monaco, Quartz, Searchwikia, Oasis (Wikia)
• Cavendish, Devmo (wiki.mozilla.org, developer.mozilla.org)
• Gumax [1]
• Pixeled [2]

Scripts, add-ons, and extensions

In general, wikEd is incompatible with scripts, add-ons, or extensions that rely on or change the standard text edit box. The reason is that wikEd replaces the normal text area with its own separate rich-text iframe. Many of these scripts will still work if wikEd is temporarily turned off by pressing the button, making the changes, and re-enabling wikEd. It is possible to make scripts compatible with wikEd (see below).

Compatible scripts

This is a short and incomplete list of scripts and gadgets that are compatible with wikEd:

• Navigation popups
• Twinkle

Incompatible scripts, add-ons, and extensions

This is a short and incomplete list of scripts and gadgets that are not compatible with wikEd:

• MediaWiki LinkedImages Extension
• MediaWiki Wikiwyg Extension
• Mediawiki FCKeditor Extension

Making scripts compatible with wikEd

The wikEd edit box is a rich-text iframe while the standard edit box is a textarea with the id wpTextbox1. Nevertheless, developers can make their script compatible with wikEd by copying the text from the wikEd iframe to the standard textbox before making their changes and then copying the content back to the iframe. The following code is cross-browser compatible and wikEd-independent:

// copy wikEd (http://en.wikipedia.org/wiki/User:Cacycle/wikEd.js) frame to wpTextbox1 textarea
if (typeof(window.wikEd.useWikEd) != 'undefined') {
    if (window.wikEd.useWikEd == true) {
        WikEdUpdateTextarea();
    }
}

// make the changes to the classic wpTextbox1 textarea //

// copy wpTextbox1 textarea back to wikEd frame
if (typeof(window.wikEd.useWikEd) != 'undefined') {
    if (window.wikEd.useWikEd == true) {
        WikEdUpdateFrame();
    }
}

(The old variable window.wikEdUseWikEd is still supported for backwards compatibility).

A more sophisticated way to apply local changes similar to custom button handlers is shown below. The example implements a "<div>...</div>" add or remove function around selected text:

// this example code adds or removes div tags around the selected text

function TestHandler(obj) {

// select the appropriate text change target (whole, selection, cursor, focusWord, focusLine, selectionWord, or selectionLine)
//   focus... is the text under the cursor; ...Word and ...Line extend the target to the start/end of the word or line
  WikEdGetText(obj, 'selection, cursor');
  if (obj.selection.plain != '') {
    obj.changed = obj.selection;
  }
  else {
    obj.changed = obj.cursor;
  }

// make your changes to the plain target text in obj.changed.plain

// remove the previously added formatting
  if ( /<div>(.*?)<\/div>/i.test(obj.changed.plain) ) {
    obj.changed.plain = obj.changed.plain.replace(/<div>(.*?)<\/div>/gi, '$1');
  }

// add the text formatting
 else {
    obj.changed.plain = '<div>' + obj.changed.plain + '</div>';
    obj.changed.plain = obj.changed.plain.replace(/(<div>)( *)(.*?)( *)(<\/div>)/, '$2$1$3$5$4');
  }

// keep the changed text selected
  obj.changed.keepSel = true;

// return to WikEdEditButton() to apply changes
  return;
}

if (typeof(window.wikEd.useWikEd) != 'undefined') {
  WikEdEditButton(null, null, null, TestHandler);
}

You can also add your custom functions to hooks that are executed on events such as wikEd setup, wikEd turned on or off, and classic textarea or wikEd frame turned on. It is also possible to directly apply changes to the wikEd edit frame, please see the wikEd development page.

Troubleshooting / FAQ

This section focuses on getting wikEd to work. For other problems see the wikEd help page.

wikEd does not load

You have followed the installation instructions above, but the wikEd logo is not displayed on top of the pages next to the log out link and the wikEd buttons do not appear on edit pages. Please try the following:

• Refresh your browser cache: hold down Shift while clicking Reload (or press Ctrl-Shift-R)
• Enable JavaScript in your browser (Tools → Options → Content → Enable JavaScript in Firefox)
• If you are using wikEd on a non-Wikipedia installation check if $wgAllowUserJs is has been set to true in the MediaWiki initialization file LocalSettings.php by an administrator
• If you have installed wikEd on a skin-specific page such as User:YourUsername/vector.js, then wikEd is only available under that skin. Use the general User:YourUsername/common.js page instead.
• Check the JavaScript Error Console (under Tools in Firefox) for error messages. If there is an error message caused by wikEd please report to the wikEd discussion page.

wikEd info and navigation box

Every wikEd project page has a navigation box on top. You can add this template to an English Wikipedia page by adding the following code on top of the page text:

{{User:Cacycle/wikEd_template}}

The following code can be used for wikEd navigation boxes and templates on non-Wikipedia sites and non-English Wikipedia pages. The box uses external html links. If you are not on Wikipedia or another Wikimedia site like Wiktionary or Wikinews, then you have to upload the logo WikEd_logo64x64.gif to your own wiki.

{| style="margin: 0 0 0.75em 0.75em; float: right; border-collapse: separate; border-spacing: 0;"
|- style="background: #d4d0cc;"
| style="padding: 0 0.5em 0 0.8em; border-top: white 1px solid; border-right: black 1px solid; border-bottom: black 1px solid; border-left: white 1px solid;" | <div style="position: relative; top: -0.5em;">[[Image:WikEd logo64x64.gif|64px]]</div>
| style="padding: 0 1.5em 0em 1.5em; border-top: white 1px solid; border-right: black 1px solid; border-bottom: black 1px solid; border-left: white 1px solid;" |
[http://en.wikipedia.org/wiki/User:Cacycle/wikEd '''wikEd''' Homepage] ·
[http://en.wikipedia.org/wiki/User_talk:Cacycle/wikEd Discussion] ·
[http://en.wikipedia.org/wiki/User:Cacycle/wikEd_international Translations] ·
'''[http://en.wikipedia.org/wiki/User:Cacycle/wikEd_help Help]'''
[http://en.wikipedia.org/wiki/User:Cacycle/wikEd.js Code]
|}

Customization

wikEd is fully customizable, including color schemes, language, and custom buttons and functions. Please see the wikEd customization page on how to adapt wikEd to your personal preferences.

Internet Explorer and other browsers

wikEd does currently not work with Internet Explorer and Opera, but work is in progress to change that. Please check the program documentation and the developer discussion for the progress and to see how you can help.

Bug reports

Please post your detailed bug reports to User_talk:Cacycle/wikEd (the discussion page of this article). Please use the bug reporting form on top of the page and add your report to the bottom of the page.

Who's using it?

Please see the gadget preference statistics. Additionally, the following search link gives you an idea how many users of the English Wikipedia are loading wikEd through their skin.js or common.js pages: Search Wikipedia. A list of testimonials of users can be found (and edited!) under wikEd testimonials.

wikEd is not

• WikEd, the wiki of the CTER program
• WikEd, a wiki plugin for the Vim editor
• WikEd, a Wikipedia username

Copyright

All wikEd-related code and Wikipedia article content is released into the public domain: