ASPxHTMLEditor控件不僅是一個(gè)WYSIWYG編輯器，它還支持HTML輸入。您不必選擇輸入方法，因?yàn)榇丝丶峁┝艘曈X編輯器和HTML代碼的自動雙向同步。 終端用戶可以轉(zhuǎn)換到代碼查看，并通過控制每個(gè)標(biāo)簽和屬性編輯文檔。您同樣可以使用視覺編輯器目前不支持的標(biāo)簽。它們隨時(shí)可以變換使用最適合當(dāng)前編輯要求的視圖。一旦編輯結(jié)束，您可以立即獲取在線發(fā)布的HTML代碼。

為了保證性能優(yōu)越，編輯器最初生成客戶端功能需要的最少代碼。當(dāng)終端用戶需要附加要素，例如圖片和超鏈接管理的彈出窗口，這些要素通過AJAX回調(diào)載入。對于其他需要與服務(wù)器交流的動作，回調(diào)是被默認(rèn)使用的。

ASPx HTMLEditor -用戶界面

帶有相應(yīng)按鈕的工具條

兩個(gè)內(nèi)建的Microsoft Office樣式的工具條方便訪問所有的功能。例如Office,工具條按鈕和集成編輯器會根據(jù)目前選擇的文本塊，自動更新狀態(tài)或內(nèi)容。從字型名編輯器到文本和背景顏色按鈕，這個(gè)對所有的項(xiàng)都有效。

利用DevExpress ASPxMenu控件，可以建立ASPxHTMLEditor工具條。

自定義工具條和客戶端API

如果需要，您能夠自定義編輯器的界面，隱藏標(biāo)準(zhǔn)的工具條，并可以增加任何數(shù)量的工具條，增加的工具條可以包括現(xiàn)有命令或自定義命令。當(dāng)使用自定義命令時(shí)，您可以使用ASPxHTML提供的客戶端API，它允許你調(diào)用一系列內(nèi)建的命令，如刪除，應(yīng)用格式化等。

HTML視圖
如果你需要訪問產(chǎn)生的HTML代碼，或如果有些工作在代碼下工作更方便，你可以切換到HTML視圖。當(dāng)你切換回，調(diào)用服務(wù)器端驗(yàn)證和同步。這些操作通過AJAX callbacks完成以保證最高水平的響應(yīng)速度。

HTML允許您通過視覺編輯器內(nèi)建指令，鍵入目前不能被管理的元素。如果具有這些無支持元素的文本，您仍然可以在設(shè)計(jì)視圖下通過編輯器工具條定制格式化。

內(nèi)建上下文菜單
當(dāng)你右鍵點(diǎn)擊對象，ASPxHTMLEditor重載缺省的瀏覽器菜單，并顯示它自己的菜單，使編輯命令更加容易訪問。依靠點(diǎn)擊對象，你可以獲取到略微不同的命令集。例如右鍵點(diǎn)擊了一副圖片后，您就可以直接從文本菜單調(diào)用圖片自定義對話框。

ASPxHTML Editor - 編輯特點(diǎn)

文本和段落格式化

支持所有基本的文本和段落格式化特征，如下圖所示。

嵌入圖片
為嵌入的圖片，簡單點(diǎn)擊工具條上的按鈕，彈出模態(tài)對話框，它提供2個(gè)圖片來源選項(xiàng)。一種是從你本地硬盤上傳圖片到web站點(diǎn)的一個(gè)文件夾中。另一個(gè)是簡單地指向一個(gè)圖片URL。不管您選擇了哪種方法，您都可以用對話框自定義圖片大小，位置和提示文本。添加圖片后，在設(shè)計(jì)視圖中您可以用簡單的拖放操作重新調(diào)整圖片大小，放置圖片位置。

通過AJAX回調(diào)調(diào)用圖片自定義文本框。這就意味著較少的HTML代碼首先下載到了客戶端。

超鏈接
超鏈接特征與嵌入圖片特征十分相似。有兩個(gè)內(nèi)建工具條按鈕使您可以鏈接或取消選中的一段文本。您還可以彈出一個(gè)AJAX對話框設(shè)定目標(biāo)URL和其他相關(guān)聯(lián)的屬性。最后，當(dāng)您右鍵點(diǎn)擊設(shè)計(jì)視圖的鏈接時(shí)，會有一個(gè)專門的文本菜單項(xiàng)可以使鏈接自定義更加的明確。

多級Undo和Redo操作
ASPxHTMLEditor保留了所有的操作，允許你返回操作或重復(fù)相同的操作。您還可以使用工具條按鈕或CTRL+Z和CTRL+Y快捷鍵-與您在Microsoft Word或其他的文本編輯器當(dāng)中使用一樣。

安全保證
ASPxHTMLEditor支持HTML代碼，這是發(fā)起web服務(wù)器的一種方法。惡意攻擊一種最明顯的方法是通過將腳本插入到圖片加載處理程序中來執(zhí)行它。為了阻止它的發(fā)生，ASPxHTMLEditor實(shí)現(xiàn)智能腳本驗(yàn)證，可以刪除惡意代碼（如果您不介意這些腳本，您可以選擇關(guān)掉該腳本刪除機(jī)制）。

另外一種危害勢源是鏈接其他web網(wǎng)站的圖片。為了避免鏈接，我們的圖片插入對話框允許您將圖片下載到web網(wǎng)站上傳文件夾。通過這種方法，您就可以直接本地復(fù)制，而不需依靠外部資源了。

ASPxHTML Editor -打印和數(shù)據(jù)交換

從Microsoft Word復(fù)制

我們都知道， 微軟Word輸出產(chǎn)生的HTML相當(dāng)冗長，它包含大量的屬性，而這些在產(chǎn)生相同文檔視圖時(shí)不是真正需要的。當(dāng)您需要將文本從Microsoft Word復(fù)制到the ASPxHTML Editor上時(shí)，所有的這些非必需的屬性也被復(fù)制了。

現(xiàn)在新的ASPxHTML Editor允許你自動地排除這些額外的屬性，獲得更干凈和緊湊的HTML代碼。

打印HTML Editor內(nèi)容
打印ASPxHTML Editor的內(nèi)容非常方便，您的最終用戶只需點(diǎn)擊一個(gè)打印按鈕。

In addition to being a WYSIWYG editor, the ASPxHTMLEditor control supports HTML input. You don't have to choose which input method to use, because the control provides automatic two-way synchronization between the visual editor and HTML code. End-users can switch to the code view and edit documents by manually controlling every tag and attribute. This allows them to use even those tags that aren't currently supported by the visual editor. At any time, they can switch back and forth to use the view that best suits their current editing requirements. Once editing has been completed, you instantly obtain HTML code to be published online.

To ensure superior performance, the editor initially generates the least amount of code required for its functionality on the client. When end-users need additional elements, such as popup windows for image or hyperlink management, these elements are loaded via AJAX callbacks. Callbacks are also used by default for all other actions that require communication with the server.

ASPx HTMLEditor - User Interface

Toolbars with Responsive Buttons

Two built-in Microsoft® Office® style toolbars provide easy access to all available functions. Just like Office, toolbar buttons and integrated editors automatically update their state or content, depending upon the currently selected text block. This works for all items – from the font name editor to buttons specifying text and background color.

The toolbars in the ASPxHTMLEditor were built using the DevExpress ASPxMenu control.

Custom Toolbars and Client-Side API

If needed, you can customize the editor's UI by hiding standard toolbars and adding any number of toolbars that include existing or custom commands. When implementing custom commands, you can make use of our client-side API, which allows you to invoke any sequence of built-in commands like deleting text, applying font formatting, etc.

HTML View

If you need access to the generated HTML code, or if it's easier to do something in code, you can switch to the HTML view, and edit markup that represents the current content. When you switch back and forth, server-side validation and synchronization are invoked. These operations are done via AJAX callbacks to guarantee the highest level of responsiveness.

Note that HTML editing allows you to embed elements that currently can't be managed via the visual editor's built-in commands. And if you have text within those unsupported elements, you will still be able to customize its formatting via the editor's toolbars when in design view.

Built-in Context Menus

When you right-click an object, the ASPxHTMLEditor overrides the default browser menu and displays its own menu making editing commands easily available. Depending on the clicked object, you get slightly different command sets. For instance, if you've right-clicked an image, you can invoke the image customization dialog directly from the context menu.

ASPxHTML Editor - Editing Features

Text and Paragraph Formatting

As one might expect, our editor fully supports all basic text and paragraph formatting features, as shown in the following image.

Embedded Images

To embed images, simply click a toolbar button. This will invoke a modal popup dialog that provides two options for getting an image. One way is to upload an image from your hard drive to a special folder on the web site. Another is to simply refer to an image by URL. Whichever method you choose, the dialog allows you to specify custom image size, alignment and hint text. After an image has been added, the design view allows you to resize and re-locate the image using simple drag and drop operations.

The image customization dialog is invoked via an AJAX callback. This means that less HTML code is initially downloaded to the client.

Hyperlinks

The functionality related to hyperlinks is pretty much the same as with embedded images. There are two built-in toolbar buttons allowing you to link or unlink a selected text fragment. You get an AJAX-enabled popup dialog that specifies the target URL and other link-related attributes. Finally, when you right-click a link in design view, there's a special context menu item making link cusotmization more straightforward.

Multi-level Undo and Redo Operations

The ASPxHTMLEditor keeps track of all operations, allowing you to rollback to an earlier version or to repeat the same customizations. You can either use toolbar buttons or standard keyboard shortcuts - CTRL+Z and CTRL+Y - as you would do in Microsoft Word or any other text editor.

Security Assurance

The ASPxHTMLEditor accepts HTML code, which is a way to initiate web server attacks. One very obvious method used in malicious attacks is to run a script by inserting it into an image's Load event handler. To prevent this, our editor implements smart script validation that removes scripts, if assigned. (If you don't mind scripts, there's an option to turn off this script removal mechanism.)

Another potential source of harm is having links to images on other web sites. To avoid such links, our image insertion dialog allows you to download an image to the web site's upload folder. This way, you'll use a local copy rather than referring to an external resource.

ASPxHTML Editor - Printing and Data Exchange

Pasting from Microsoft Word

As we all know, the HTML output produced by Microsoft Word is pretty lengthy. It contains lots of attributes that aren't really required to produce the same document view. When you needed to copy text from Microsoft Word to the ASPxHTML Editor, all those unnecessary attributes were copied.

With this release, our HTML Editor control allows you to automatically eliminate these extra attributes and obtain cleaner and more compact HTML code.

Print HTML Editor Content

Printing the contents of the ASPxHTML Editor is now a piece of cake – just a single click for your end users.