To help you replicate the Microsoft Word user experience, the DevExpress ASP.NET MVC Rich Text Editor (RichEdit extension) ships with the floating object support. The RichEdit allows users to freely position, scale and rotate all floating objects when inserting pictures or text boxes into a document. End-users can also modify object characteristics using context menu items, a specific ribbon context tab, or activate the built-in Layout dialog through the context menu. Give the demo a try and see how easy it is to drag and resize an object using its outline and rotate it by using its rotate handle.
The RichEdit provides a specific client API allowing you to manipulate floating objects programmatically. In code, you can call client commands available through the commands client property to insert text boxes (insertFloatingTextBoxCommand), change inline pictures into floating pictures, change different floating object settings, and invoke the Layout dialog (openLayoutOptionsDialogCommand).
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
The source code files for this demo are installed (by default) in the following directory:
Open CS Solution
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxRichEditDemos