Setup

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

1. Download the GitHub project and host it on an IIS server.

   1. This article explains how to host a project using TX Text Control:

      Redistribution and Deployment

2. Open the file widget/Scripts/txtextcontrol.web.js and search for this variable:

   var m_destinationUrl = "http://localhost:1303/";

   Replace the destination URL string with the URL where you are going to host this project.

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, btoa('<strong>This is a test</strong>'));
}