WebTextEditor

Sleek, natural user interface.

Intersoft WebTextEditor is a business-oriented text editor that seamlessly combines innovative features, elegant interface and great UX in a single box! With multitude of rich editing features – such as built-in media gallery, table designer, innovative red-wave highlight spell checker, and real-progress file uploader – WebTextEditor rediscovers the art of editing, and makes content authoring easier, simpler and more intuitive.

WebTextEditor advances editing experience with intuitive, more natural user interface concepts. Called “block-less” user interface, WebTextEditor sports modern, lightweight callout and task pane for main user interactions – ultimately enabling users to interact with input fields and editor objects in more natural way.

Integrated red-wave spelling checker

WebTextEditor takes editing to the next level with seamlessly integrated, Word-style inline spell checker. When integrated to WebTextEditor, the spell checker component automatically connects to text editor’s user interface to provide more options for spell checking related commands. Spell checking could never been easier – just right click on each misspelled word to see a list of suggested words displayed in context menu, and then click on a word to correct the misspelled word. Please visit WebSpellChecker Features to discover more exciting features of spell checker component.

Integrated red-wave spelling checker

Intuitive media uploader with real-time progress bar

WebTextEditor features a breakthrough, memory-efficient file uploader component with DirectUpload®, a technology that lets users upload large files within the editor interface directly – without annoying popups or sluggish postback. That means it's now even easier and faster to upload large videos or other media files. Better yet, users can continue working on the content authoring while the uploading progress is being uploaded asynchronously in real-time.

The file uploader component is tightly integrated into editor’s features to provide the most natural editing experiences, while at the same time increasing developer’s productivity with seamless integration. To learn more about file uploader component features, please visit WebFileUploader Features.

Intuitive media uploader with real-time progress bar

Streamlined media management

Browse, search, and insert medias has never been so easy. Not only does WebTextEditor revolutionize editing experience, it also makes media browsing and searching an enjoyable experience – forget the slow, heavy dialog boxes. WebTextEditor streamlines all media items in an intuitive media gallery, which can be instantly accessible through a single click away. The media gallery features a search interface and a handful of search options, enables users to get search results instantly – in the same interface. Inserting a media into the editor is as easy as double click. Learn more about media gallery.

Streamlined media management

Easy-access floating toolbar

Give your users the feeling of working in desktop word processor application with the translucent, floating contextual toolbar. Access to frequently used commands is now faster and easier than ever, by simply highlighting a range of text and the floating toolbar will show up smoothly – making text formatting more enjoyable. Learn more about text editor’s smart toolbars.

Easy-access floating toolbar

Lightweight visual elements

WebTextEditor sports visually appealing, lightweight UI components to enable intuitive editing experience. The components – such as toolbar, editor, task pane, callout, dropdown, color picker, status bar and more – are built for performance with pure client-side framework. Now, you can build sophisticated text editing solutions without performance trade-off.

Lightweight visual elements

Runtime resizable editor

Redefining the way users interact with their web form, WebTextEditor offers various ways to dynamically resize the editor at runtime. Easily hide/show the toolbar, or just drag the resize handle in the right bottom edge of the editor to resize the editor to the desired dimension. Or even simpler, click on Full Screen button to work with editor in full screen mode.

Runtime resizable editor

Built-in context-menu

WebTextEditor provides a built-in, Vista-style context menu interface, which provides users with quick access over contextual commands. Frequently used commands such as cut, copy, paste are available in the context menu, makes document editing easier and faster.

Strong keyboard support

WebTextEditor offers the finest text editing experience with native keyboard support, which has been enhanced to bridge browser’s inconsistencies and limitation. Users can now use shortcut key for instant commands – such as bold, italic, copy, paste – with consistent results across all browsers.

Powerful editor engine.

Impress your users with sleek, reliable yet high-performance text editor. WebTextEditor is carefully designed to use very minimal footprint and resources to ensure smooth editing experience regardless of the content length – makes it perfect for any content authoring solution. Key features include cut, copy, and paste, multiple undo redo, insert link, insert and edit image, insert media, insert symbol, insert and edit table, find and replace, word and character count, HTML inspector, and editing in HTML View mode.

Built-in document management

WebTextEditor includes a handful of time-saving document features such as import, save, preview and print document, enables you to add these functions effortlessly to your content management application. The auto save feature lets users to work more comfortably without have to worry on data loss, as modified content will be saved to server in a configurable time interval.

Built-in document management

The saving process is almost seamless as WebTextEditor used fast AJAX mode to send data to server. The import/open command will be visible in the toolbar when import feature is enabled. You can implement your own custom process and user interface for the document import through ToolBarClick client event, for example, you may want to show a WebDialogBox with a WebGrid to show a list of documents that user can open.

Multiple sections

Unique to WebTextEditor is the capability to have more than one section in a single editor. Instead of using several text editor instances which often clutter up your page, multiple sections feature lets you provide multiple rich editors in a single WebTextEditor control.

This time-saving feature creates new possibilities and richer editing experiences that are previously difficult to achieve Each section is represented with a header caption and can be easily collapsed or expanded. The section editor automatically grows as users insert more contents to the editor, makes more efficient use of user’s screen.

Multiple sections

Read only

Editing can be disabled in certain scenarios, such as when your application requires a valid user login. WebTextEditor provides two ways to set this behavior, from client-side or server-side. When operating in multiple sections mode, you can also disable editing capability in specific section via client-side API.

Read only

Watermark

Easily adds informative, user-friendly hints to your editor with watermark feature. The watermark message will be displayed when the editor content is empty, and is particularly useful in data entry scenarios. For example, it’s more intuitive to display “Please write your problem description here” message rather than displaying a blank editor.

HTML5 compliance output

WebTextEditor produces HTML5 compliance content regardless of browser type, ensuring standards-compliance content for your web application. Thanks to powerful editing architecture, WebTextEditor seamlessly translates invalid tags and obsolete attributes into valid HTML5 markup.

Built-in mail merge editing.

WebTextEditor includes great time-saving features such as built-in mail merging and send mail merge. With mail merge feature, WebTextEditor intelligently processes your document with personalized data-driven labels and send it to multiple recipients in a single click.

Built-in mail merge editing

This rich out-of-the-box feature provides everything you need to add powerful mail merging functionality to your application – from labels definition, merge preview, to one-click send mail. It also provides comprehensive server-side events for advanced mail merge processing and customization.

One-click send mail

WebTextEditor includes time-saving mail sending feature, so that you don’t have to spent time create one. Just configure some required settings – such as EmailField, Subject, SMTP, and several others – you can enjoy one-click mail sending feature without additional efforts. WebTextEditor also provides user-friendly notification to inform users on the status of mail sending process. Furthermore, you can also fetch the failed mail sending in the server-side to perform additional processing.

One-click send mail

Labels and preview

Easily define mail merge labels through elegant collection and object model. The datasource for labels can be retrieved from either data bound collection or custom collection. Users can easily work with mail merge label by selecting an item from Mail Merge Label combo box. Mail merger preview automatically detects all labels in the document and replace it with data value retrieved from specified data source. A handful of mail merge commands – such as first, previous, next, last and send – will be added to the preview toolbar, enabling users to instantly preview the mail merge result before sending it to recipients.

Events and customization

WebTextEditor includes numerous server-side events for greater control over mail merge process. You can also cancel the default processing behavior and override it with your own custom processing by handling OnMailMerge event. It also invoke appropriate server-side events when each mail is being merged, and when each mail is completed, as well as each send mail process.

Fluid smart toolbar.

Fluid Smart Toolbar

Say goodbye to old fashioned, page cluttering toolbars. Only WebTextEditor features toolbars that smartly expands and shrinks according to your screen real estate, giving larger space for the editor canvas. Even smarter, several toolbars can also grouped together into a single row when the space allows – makes efficient use of user’ screen real estate.

Word 2007-like floating toolbar

Content editing and formatting are suppose to be simple and easy tasks, WebTextEditor simply makes it happen with Word-style translucent floating toolbar. Access to frequent commands is faster and easier than ever by simply highlighting a range of text and the floating toolbar will show up smoothly – making text formatting more enjoyable.

Word 2007-like floating toolbar

Adaptive HTML view toolbar

Unlike most editors that provide only design mode toolbar, WebTextEditor introduces breakthrough editing experience for HTML mode. With adaptive toolbar designated for HTML view, users can instantly add frequently used tags such as bold, italic, underline as well as close open tags in a single click. Several time-saving commands are also made available, such as find and replace, insert hyperlink, insert image and more.

Adaptive  HTML view toolbar

Various toolbar modes

Various toolbar modes

To accommodate various usage and scenarios, WebTextEditor provides up-to 6 view toolbar modes. You can completely hide the toolbar, display it in compact mode, standard more, rich mode, complete mode, and even custom mode, which lets you add your own commands and handles it programmatically.

Complete toolbar settings and customization

WebTextEditor’s toolbar is impressively easy to style and customize. It offers the flexibility to specify the height of toolbars and commands, select the toolbar mode, and specify the list of font names, font sizes, paragraph styles, and link options. You can also define and create your own toolbar and then handle it programmatically.

Rich design view.

Rich Design View

Offering the richest and finest editing experience for the web, WebTextEditor gives users everything they need to create professional content in less time, while simultaneously increasing productivity. From sophisticated user interface, smart toolbars, intuitive task pane, and many more, WebTextEditor let users work with content authoring the same way and manner as in desktop word-processing.

HTML view

The HTML view allows users to develop more advanced contents by writing html markups directly in the editor. Unique to WebTextEditor, the HTML view displays its own toolbar that contains html-specific and codes writing related commands, minimizing the code-writing efforts. For instances, click on “bold” command will add tag to the current cursor position, type some text and then click on “close tags” to automatically add the closing tag. After changes have been made in HTML view, WebTextEditor automatically synchronizes the changes when you switch to Design or other views.

HTML View

Split view

With Split view, users can work with both visual design and html code in a single interface, eliminating the needs to go back-and-forth between views while improving productivity at the same time. WebTextEditor also automatically synchronizes the changes as user changed the editor’s focus, ensuring each change is properly reflected to other views. When Split view is enabled, all three views will be enabled even though the Design or HTML view is disabled. This behavior is implemented since Split view requires both views to be enabled.

Split View

Preview

Preview

The preview mode gives users an instant way to preview the document before it is printed or processed further. It’s particularly useful when you have a set of different styles that you wish to apply during preview, for example, the styles of your real website or blog site. Preview mode also intelligently reflects the toolbar with preview-related functions such as zoom in, zoom out, print, and more. When mail merge feature is enabled, the preview will automatically fetch the real record from database and update the available labels in the document, making preview more intuitive to user. Navigational buttons will also be make available, enabling users to preview the mail merge of other records.

Intuitive task pane concept.

Intuitive task pane concept

Designed with top-notch user experiences, WebTextEdtior offers a breakthrough, blockless user experience, enabling users to conveniently perform various editing tasks simultaneously. Task pane is one of visual elements in WebTextEditor that implements this concept, providing a resizable and extensible container that can be used for multiple purposes without requiring page blocking. For example, when compared to traditional dialog-style image insertion, Media Gallery Task Pane provides faster, easier and more intuitive way to insert and work with images.

Media gallery pane

Browse, search, and insert medias has never been so easy. Not only does WebTextEditor revolutionize editing experience, it also makes media browsing and searching a snap. Forget the slow, heavy dialog boxes. With WebTextEditor, users can just click on the Media Gallery to open the task pane and browse over collection of images and videos. Then double click to insert a media into text editor, or simply drag and drop it! A media resource represents a collection of medias which contains images, sound files and videos. You can create as many number of media resources as you require. Furthermore, users can also narrow down their search by selecting a specific media resource in the Media Gallery user interface.

Media gallery pane

Table designer pane

Table designer pane provides the most comprehensive editing tools to create and design table instantly – from drawing a table, selecting a predefined table layout, to full customization on each row, column, and cell. When selecting different table element, the table designer pane intelligently reflects the commands according to the selected element. For example, when a cell is clicked, table designer pane will show all cell-related actions and properties.

Table designer pane

Form control pane

Form control pane provides users with an intuitive way to add all kind of form controls to the editor. Various supported form controls are Button, Fieldset, Horizontal Rule, IFrame, Input Button, Input Checkbox, Input File Upload, Input Hidden, Input Password, Input Reset, Input Submit, Input Text, Marquee, Select Dropdown, Select List box, and Text area.

Form control pane

Custom task pane

Task pane is a sophisticated user interface metaphor that enables users to work with editor and other objects more intuitively. Thanks to WebTextEditor’s task pane architecture, it also allows you to create your own task pane and enjoy the benefits of naturally-integrated editing experience. Creating custom task pane is done through extensible pane object interface which has been elegantly designed to support custom processing end-to-end. Simply inherit the task pane object, implement the custom UI and additional functions you desire, and register it to WebTextEditor through API calls.

Custom Task Pane

HTML5 document type support.

XHTML-ready text editing suite

WebTextEditor now fully supports the W3C HTML5 standard document type, enabling you to integrate a sophisticated content authoring editor in your HTML5, standards compliance web application WebTextEditor’s HTML5 support uniquely resolves browsers compatibilities between HTML document type, and intelligently applies different rendering methods based on the selected document type.

As the result, you can enjoy WebTextEditor in HTML5 pages effortlessly without requiring time-wasting, tricky workarounds.

Fully supports modern browsers

As you would expect from a true business-oriented text editor, WebTextEditor supports all major web browsers such as Internet Explorer 7+, Mozilla Firefox, Opera, Safari and Google Chrome. In addition to the compatibility layer added through Intersoft’s advanced bridging technology, WebTextEditor has been fine-tuned and enhanced to support these new browsers. All key features – such as user interaction, text editing, file uploading, spell checking as well as the AJAX and rendering architectures – have been extensively tested and found to work flawlessly.

Fluid and fixed layout

WebTextEditor features sophisticated layout and design that fully supports XHTML and HTML document type, and renders every pixels equally in all modern browsers – such as Internet Explorer 8, Firefox 3, Opera 9, Safari 4 and more – enabling you to deliver rich, cross-browser content management application effortlessly.

Pixel-perfect rendering

Combining the powerful rendering engine, strong HTML5 support and rich visual elements, WebTextEditor provides top-notch rendering to per pixel accuracy. This means WebTextEditor consistently renders every visual elements in pixel-equal layout regardless of browsers and document types.

Client-side events.

Client-side events

With comprehensive client-side events, WebTextEditor enables you to perform additional processing or validations according to your application's requirements. For example, you can handle OnSave to add your own additional processing during saving process, OnEditorContextMenu to add custom command items to be displayed in context menu, OnToolBarClick to handle custom processing for specific toolbar command, and many more.

Data binding

WebTextEditor fully supports ASP.NET template databinding, allowing you to easily bind it to a valid data context in the same way and manner as in other ASP.NET controls. It can also be used as insert and edit item template for data bound controls, enables you to bind your data to WebTextEditor in declarative fashion.

Data binding

Client-side APIs

WebTextEditor doesn’t only come with sleek user interface and sophisticated experiences, but also hundreds of client-side application programming interfaces that you can call to extend the text editing functionality beyond. For example, you can use SetValue method to programmatically sets the texteditor’s content to a specific value, or call SaveContent method to programmatically saves the content from an external button.

Customizable text elements

All textual elements in WebTextEditor are customizable – from searching text, each tool command’s caption and tooltip, task pane text, status bar text, and many more. This enables you to create a library of localization files for WebTextEditor that target your users’ culture and language.

Professional built-in themes.

Professional built-in themes

WebTextEditor comes with 3 built-in themes, Intersoft Style, Elegant Blue Style, and Elegant Black Style, to flexibly match the aesthetic aspect of your web applications. With a simple property set, you can change the overall appearance and theme of your WebTextEditor effortlessly, including the toolbar, editor, and other visual elements.

Allow style merging

Allow style merging

In addition to the built-in themes, WebTextEditor also offers the flexibility to fine-tune the predefined styles. This feature is particularly useful when you need to minor tweak the existing styles without losing the entire theme definition.

Load custom editing style via CSS

WebTextEditor lets you defined your own editing styles. Create your custom heading styles, default font styles, and other formatting styles according to your application’s requirement through custom CSS file.

Load custom editing style via CSS
Previous Next