Create a Module That Inserts Smileys

In this tutorial you will learn how to build a client-side only module that will allow the user insert one of the predefined smiley images into the document.

The aim is to have a new button in the toolbar, which will open a palette picker allowing the user to insert small images like the ones in yahoo Messenger and similar programs – often called smileys.

You have to complete the following steps to create the module:

  1. Create the needed folders/files structure of a standard module.

  2. Create the standard JavaScript functions of every module.

  3. Use a built-in KTML API function to create a custom button.

  4. Create the  functions to create the module itself (the program body).