The powerful editing widget, Wijmo Editor allows even non-technical users to author and manage HTML content on any Web page. Replace any text box with this intuitive Microsoft Word-like editor that allows you to edit your HTML content in your preferred style: design, source code, or split view.
Microsoft Office Ribbon-style UI
Editor implements the Microsoft Office-style Ribbon interface. The Ribbon organizes related commands under a series of tabs, enabling users to easily explore the editor’s functions without forcing them to navigate through a hierarchy of menus.
Wijmo Editor supports compact ribbon. When the width of the ribbon is not enough to show all the ribbon, editor will show the compact ribbon.
HTML editing modes
Wijmo Editor supports three HTML editing views:
- design – WYSIWYG view support
- code – source view support
- split – split view(design and source) support
The toolbar at the bottom of the Editor lets users switch between views. The Wijmo Editor widget also supports a full screen editing mode in which the control resizes to fit the entire browser window (or parent frame). Full screen mode is available for all three editing views.
BBCode support out-of-the-box
Offer users the ability to type in custom code like BBCode (Bulletin Board Code). To format text as bold, for example, simply enter [b]keyword[/b] and the ComponentOne Editor will translate the text into HTML or XHTML and format it in the editor. This feature enables you to integrate the Editor into forum and blog applications with ease.
Built-in spell checker
Spell-checking functionality provided by the built-in spell checker: with just a click of the spell-check button, end users have as-you-type spell checking just like Microsoft Word (complete with red, wavy underlines and spelling suggestions on context menus) at their fingertips.
Quickly cut, copy, or paste text using the right-click context menu support. Click inside a table and experience additional context menu support – insert a row, delete a column, split a cell, and more.
Enhancing the user experience, the editor provides keyboard shortcuts to quickly edit text; for example, to copy text use the CTRL+C key combination.
Path selector to choose Document Object Model node
The path selector shows the HTML tag hierarchy at the current cursor position. Select a tag within the path selector to alter the scope of the selection. For example, click the <body> element in the path selector to select all of the nodes in the editor.