How we integrated the Tavultesoft KeymanWeb web keyboard into Wikipedia: it was just a few small steps and a couple of hours of graphic design.

We recently published a KeymanWeb Wikipedia Plugin to allow you to use KeymanWeb anywhere in Wikipedia — editing pages, searching for information, or participating in discussions.  In this post, I wanted to talk about the process of integration from beginning to end.

The whole process took us about 4 hours.

  1. We created a free subscription for KeymanWeb at  We followed the steps in the subscription process, added every keyboard for every language, and added the domain "" as the primary domain for the subscription.  (We later extended the subscription to every Wikipedia domain).
  2. Next, we created a new plugin Javascript file at which linked to our KeymanWeb subscription and imported the KeymanWeb Javascript components as the page loaded, using the Wikipedia Monobook function addOnloadHook:
    addOnloadHook( function() {
    document.writeln("<"+"scr"+"ipt type='text/javascript' "+
    document.getElementById('bodyContent').innerHTML =
    "<div id='KeymanWebControl'></div>"
    } );
  3. Also in the same Javascript file, we inserted an element at the top of the bodyContent as a container for the KeymanWeb toolbar:
  4. At this point, we had KeymanWeb working within Wikipedia, and could select a keyboard and type with it in any edit box in Wikipedia.
  5. However, we decided that the normal KeymanWeb toolbar was too intrusive for Wikipedia, and replaced it with a new, smaller toolbar.  This took the most time, including drawing, scaling and modifying the CSS rules for displaying the toolbar.  We recorded our CSS changes in  Firebug in Firefox was an invaluable tool for tweaking the CSS to get it just right.
  6. Finally, we took some time to write up the instructions for integrating KeymanWeb into your own user profile in Wikipedia.

As you can see, the actual integration process was dead easy.  Most of the time we spent was taken on polishing the look and feel of KeymanWeb for a better fit into Wikipedia.  We were surprised ourselves by how straightforward it was to get the basic integration right.

Try it yourself at!

1 thought on “How we integrated KeymanWeb in Wikipedia”

Deksiyos Desta · December 16, 2009 at 7:54 am

it is good Aportunity to youse on oure languge
very Good thanks
TITLE: Using KeymanWeb in Wikipedia
BLOG NAME: Typing around the world
DATE: 01/05/2010 10:34:29 AM
A month ago we blogged about our new KeymanWeb Wikipedia Plugin. Now you can use KeymanWeb to type in your native language anywhere in Wikipedia. That’s right – without a specialised keyboard, you can edit pages, search for information, or…

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Related Posts


Keyman 17.0 is now available in beta

We are excited to announce that Keyman 17.0 is officially in beta. You can download Keyman 17.0 beta on Keyman downloads website. You are welcome to send us any feedback for Keyman 17.0 on Keyman Read more…


The Keyman Intern Project

Several members of the Keyman team work out of the National Polytechnic Institute of Cambodia (NPIC), វិទ្យាស្ថានជាតិពហុបច្ចេកទេសកម្ពុជា, in Phnom Penh, the capital of Cambodia. One of the things the Keyman team tries to do is Read more…


Keyman 16.0 now available!

We are pleased to announce that we have now released Keyman 16.0! You can download Keyman 16.0 on the Keyman downloads website. In version 16.0, we have a few new features, but our focus has Read more…