Paragraph eKeyboard


The Paragraph eKeyboard module allows a student to enter a free form text. It also allows providing basic formatting in a WYSIWYG way (similar to MS Word and other rich text editors) and entering national chars from the virtual keyboard attached to a text field.


Property name Description
Default font family Set the default font family for the editor body. The value should be expressed in the same way as in CSS. It is a comma separated list of font names.
For example: Helvetica, Arial, Verdana.
For more information, visit
Default font size Set the default font size for the editor body. The value should be expressed in the same way as in CSS. It is a numeric value with a unit.
For example: 14px, 3em.
For more information, please visit
Hide toolbar Hides a toolbar and so extends the editable area space.
Custom toolbar Enables to define a custom toolbar. Below is a list of all available toolbar/menu controls that you can add to your Paragraph addon:

newdocument bold italic underline strikethrough alignleft aligncenter alignright alignjustify styleselect formatselect fontselect fontsizeselect bullist numlist outdent indent blockquote undo redo removeformat subscript superscript

Note: Use pipe "|" to group buttons.
Custom CSS This property enables you to specify a separate file with custom CSS styles that extend the main CSS content. This CSS file is the one used within the editor (the editable area).
If "Default font family" and "Default font size" are defined, they have higher priority than styles used in Custom CSS file.

This property allows online resources. Find out more »

Keyboard Layout Type Type of the eKeyboard layout. You can choose one of the standard layouts: French, German and Spanish special characters or Custom which means you can set whatever Layout you like by configuring Custom Layout field.
Custom Keyboard Layout Buttons should be space separated, group of buttons (rows) should be new line separated. Layout object has to have at least a "default" property with standard keyboard. The following action keys are supported:
  • {shift} – used as CapsLock
  • {empty} – used as an empty space
Keyboard Position Position of the Keyboard in relation to the text field. If position is right or left, the keyboard layout will be transposed. If position is set as Custom, you have to specify the position by presentation CSS styles.

Supported commands

This module does not provide any commands.


This module does not provide any score information.


This module does not generate any events.

CSS Classes

Property name Description
.paragraph-keyboard-wrapper Simple addon wrapper
.paragraph-wrapper Simple wrapper for Text editor.
.paragraph-keyboard Layer with eKeyboard.
.paragraph-keyboard-letter Standard keyboard letter.
.paragraph-keyboard-empty Empty field on keyboard.
.paragraph-keyboard-letter.clicked Style appears when a letter is clicked.
.paragraph-keyboard-shift Style for CapsLock button.
.paragraph-keyboard-shift.clicked Style when CapsLock button is clicked.

Demo presentation

Demo presentation contains examples of the Paragraph eKeyboard addon's usage.