Besides implementing major features for all TX Text Control versions and products, we are working on a concept to provide support for non ASP.NET web applications such as Angular, React or any other framework and language.

Today, we provide early access to a technology preview beta version that can be tested in your application simply by adding a JavaScript package to your HTML.

In order to integrate the widget to your HTML page, simply add the following JavaScript tag to the HEAD section:

<script src="https://labs.textcontrol.com/widget/scripts/txtextcontrol.web.js"></script>
view raw widget.htm hosted with ❤ by GitHub

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>
view raw widget.htm hosted with ❤ by GitHub

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>
view raw widget.htm hosted with ❤ by GitHub

The object textControl1 is now the instance of the widget and can be used to access it's API to manipulate the document. It is possible to create more than one instance of the editor by creating new object instances with different containers.

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>'));
}
view raw widget.js hosted with ❤ by GitHub

Below is a screenshot of a simple HTML page with two instances of the editor widget side by side:

Angular support for TX Text Control

Enter our Beta Program

We published the widget host project on GitHub for your own integration tests. Feel free to clone this project and make pull requests for required changes or issues you may find.