Explore the editor
Create professional documents
TX Text Control brings a complete, Word-compatible document editor into a web application. It is typically used when users need to create or modify business documents such as contracts, reports, proposals, letters, and reusable templates without leaving the browser.
Use the ribbon and document surface to enter and format text, arrange pages, add tables and images, work with headers and footers, and prepare documents for workflows such as mail merge, review, and PDF creation.
True WYSIWYG editing means that page breaks, margins, fonts, and positioned content are displayed as they will appear in the final document. Users can therefore work with the actual page layout and produce predictable DOCX and PDF output instead of editing an approximation of it.
Ready to tryUse the controls above to interact with this demo.
What this demonstrates
A familiar editing experience
The Document Editor provides a full WYSIWYG environment with Word-compatible rendering, server-side synchronization, and the same reliable document output across browsers.
Component used
TXTextControl.Web.MVC.TextControl
How it works
The Razor view adds the editor with Html.TXTextControl().TextControl, loads the initial document, and calls Render to write the component markup. DockStyle.Fill makes the editor use the complete demo stage.
Key code
This is the Razor helper chain that adds TX Text Control to the page.
<div class="tx-editor-host">
@Html.TXTextControl()
.TextControl(settings => {
settings.Dock = DockStyle.Fill;
})
.LoadText(documentPath, StreamType.InternalUnicodeFormat)
.Render()
</div>
Source files
See the implementation
Start with the view and controller that compose this focused editor experience.
