Interactive editor
Explore Drawings and Shapes
Insert and edit Word-compatible drawings and shapes.
Ready to tryUse the controls above to interact with this demo.
What this demonstrates
Drawings and Shapes
Insert and edit Word-compatible drawings and shapes.
Component used
TXTextControl.Web.MVC.TextControl
How it works
The Insert ribbon exposes Word-compatible drawing objects. Once inserted, contextual formatting controls handle shape type, fill, outline, wrapping, and position.
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
The view, browser behavior, and controller are encapsulated in Demos/RichTextEditor/Editing/Shapes.