Setup

In order to host this widget on your own servers, follow these steps:

When this hosting project is running, you can integrate the widget simply by adding this JavaScript tag to the HEAD of your HTML:

<script src="http://localhost:1303/widget/scripts/txtextcontrol.web.js">

Then create a container DIV somewhere in your HTML that will host the widget. The editor itself will automatically fill the complete container.

<style>
#myTextControlContainer {
	width: 1000px;
	height: 500px;
	margin-bottom: 20px;
}
</style>

<div id="myTextControlContainer"></div>

Finally, in a SCRIPT section, create a new widget by passing the container id in the constructor:

<script>
var textControl1;
window.onload = function() {
	textControl1 = new TXTextControlWeb("myTextControlContainer");
};
</script>

The widget has (nearly) the same JavaScript API like the MVC version of TX Text Control Web. All objects, methods, properties and events can be used in the same way. For example, in order to load an HTML document into the editor, the following code can be used:

function loadDocument()
{
	textControl1.loadDocument(
	TXTextControl.StreamType.HTMLFormat, '<strong>This is a test</strong>');
}