Textbox.io is a JavaScript WYSIWYG editor with mobile device support and advanced features like a responsive user interface, inline editing, seamless Word copy and paste, built-in spell checking and more.
Our latest integration provides a Knockout Binding that allows Textbox.io to be incorporated into your <form> and participate in data binding like a normal <form> element would participate.
Knockout provides a built in two-way data binding between form (view) elements and the underlying (data) model. While this works well for standard form elements, Knockout would not normally know how to interact with Textbox.io.
This is primarily due to Textbox.io “hiding” the form field (<textarea>) and superimposing an iFrame over the form field. This means that when you are typing into Textbox.io you are not updating a Knockout aware view so the underlying model is not updated. When the form is submitted, the content of Textbox.io would not be included.
This Knockout binding handler solves this issue by managing the process of:
- Deploying Textbox.io to the page
- Managing the sync of data between Textbox.io and the Knockout model object
To get started with Textbox.io for Knockout you will need:
- Knockout 3.x
- Textbox.io 1.2+
Get Textbox.io for Knockout on GitHub
If you need to use this with earlier releases of Knockout or have any questions, please contact us at support@ephox.com.