Text Editor

The Text Editor control allows users to enter text information into an editor box that comes with many easy to configure appearance and behavior options.

Like almost all SPARK controls, you can trigger events that are fired when the user interacts with the control (see the Event and Methods sections below and the Event Handling article for more information).

The Text Editor control can be bound to a String variable.

This control is most commonly used to allow users to edit text to their liking.


Width Width in px, %, em; for example: 50px, 20%, 0.4em, if no unit is specified, px is assumed

Height Height in px, %, em; for example: 50px, 20%, 0.4em, if no unit is specified, px is assumed


Tab Index Form control tabbing sequence index, tab indices start at 1, and may be set sparsely


These are the configuration option settings...

This is the result...


With the Text Area control, there are 4 types of event handlers:

  • On Load When the page loads
  • On Change When there is a change
  • On Focus When you click onto this particular control
  • On Blur When you are click out of this particular control

You can use JavaScript logic to affect the effects of the control, depending on the event. More information on using these controls can be found in the Event Handling article.


For detailed information on the available methods for this control, access the JS Doc file.


  • Author: Courtney Silva
  • Date Created: June 21, 2015
  • Date Modified: June 24, 2015
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request