Jump to content

User:Cacycle/wikEd

From Wikipedia, the free encyclopedia
Shortcuts
Not to be confused with Wikipedia:Wiki Ed.

Please support wikEd

Please support wikEd by helping to fix the following browser and MediaWiki issues.

  • Firefox:
    • 579763, 579760 Cursor/caret disappears (07-2010)
    • 1016372 Space lost when deleting text (05-2014)
    • 926230 Space at end of line not styled (10-2013)
    • 543204 Focus after search (01-2010)
    • 926164 Editor deletes blank before inserted block element when converting to text (10-2013)
    • 458524 Automatic syntax highlighting would interfere with undo/redo. The only reason why wikEd does not have automatic syntax highlighting. (10-2008)
  • Webkit/Chrome:
    • None.


wikEd
WikEd logo
Installation
wikEd diff
Program code
Project
Gadgets
Translations

wikEd is a full-featured edit page text editor for regular to advanced users on Wikipedia and other MediaWikis. wikEd features syntax highlighting, reference, template, and code 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.

Quick features

Screenshot

Screenshot of wikEd in action

(For a more detailed feature list see below)

Installation

How to install wikEd (choose 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
Every Wikipedia language and MediaWiki installation Paste a small code snippet to your meta:User:YourUsername/global.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, template, and code folding: <ref>...</ref>, {{..}}, character entities such as &nbsp;, and table code
    • User friendly table editing
    • Highlighting of different types of dash and blank characters
    • Internal and external links in the edited text can be opened (ctrl-click)
    • Redlinks are displayed in red
    • Link redirects are displayed in a tooltip popup
  • 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
    • 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
  • 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
  • On/off switch (logo next to the logout link)
  • Automatic update and installation of new versions
  • Support for user-defined buttons and functions
  • Improved diff display on version comparison pages (using wikEdDiff)
  • 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

  • On Google Chrome and Chromium, the Wikipedia keyboard shortcuts do not work in WikEd.
  • wikEd conflicts with the Syntax highlighting Beta, which is available in your preferences.
  • wikEd currently does not work in Internet Explorer and older versions of Opera (version 15 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 Syntax highlighting button or by temporarily turning wikEd off by pushing the wikEd logo button next to the logout link.
  • 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 Textify button (see Firefox feature request).
    • It is not possible to enter tab characters. In order to enter tabs, you have to temporarily disable wikEd using the wikEd logo 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.

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:

Incompatible scripts, add-ons, and extensions

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

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 (https://en.wikipedia.org/wiki/User:Cacycle/wikEd.js) frame to wpTextbox1 textarea
if (typeof(window.wikEd.useWikEd) != 'undefined') {
    if (window.wikEd.useWikEd == true) {
        wikEd.UpdateTextarea();
    }
}

// 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) {
        wikEd.UpdateFrame();
    }
}

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
  wikEd.GetText(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 ( /&amp;lt;div&amp;gt;(.*?)&amp;lt;\/div&amp;gt;/i.test(obj.changed.plain) ) {
    obj.changed.plain = obj.changed.plain.replace(/&amp;lt;div&amp;gt;(.*?)&amp;lt;\/div&amp;gt;/gi, '$1');
  }

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

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

// return to wikEd.EditButton() to apply changes
  return;
}

if (typeof(window.wikEd.useWikEd) != 'undefined') {
  wikEd.EditButton(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
  • 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 for error messages. See reporting JavaScript errors; Firefox: Tools → Web Developer → Browser console; push clear and reload the page; Chrome: Control button → Tools → JavaScript console. 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;" |
[https://en.wikipedia.org/wiki/User:Cacycle/wikEd '''wikEd''' Homepage] ·
[https://en.wikipedia.org/wiki/User_talk:Cacycle/wikEd Discussion] ·
[https://en.wikipedia.org/wiki/User:Cacycle/wikEd_international Translations] ·
'''[https://en.wikipedia.org/wiki/User:Cacycle/wikEd_help Help]'''
[https://en.wikipedia.org/wiki/User:Cacycle/wikEd.js Code]
|}


wikEd Homepage · Discussion · Translations · Help


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.

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.

wikEd is not

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


Retrieved from "https://en.wikipedia.org/w/index.php?title=User:Cacycle/wikEd&oldid=1247028874"