Editor / Dialogs

Insert Link, Insert Image, Image Editor, StyleBuilder, XhtmlValidator, TrackChanges and FormatCodeBlock dialogs

• Paste Html This new tool allows you to paste HTML code in to the editor's current selection and render it. It is helpful when you need to enter predefined HTML code such as media embed source.
   
• Insert Table Light dialog is a light version of Table Wizard. When enabled, its content is rendered on page load and as a result the content is immediately loaded when the diaolg is shown without any delay. In order to have it decorated you should put a RadFormDecorator on the main page.
   
• Insert Link dialog is a light version of Hyperlink Manager. When enabled, its content is rendered on page load and as a result the content is immediately loaded when the diaolg is shown without any delay. In order to have it decorated you should put a RadFormDecorator on the main page.
   
• Insert Image dialog is a light version of SetImageProperties. When enabled, its content is rendered on page load and as a result the content is immediately loaded when the diaolg is shown without any delay. In order to have it decorated you should put a RadFormDecorator on the main page.
   
• XhtmlValidator dialog uses the W3C XHTML Validator Page to perform validation of the current editor content. The W3C service returns a compliancy report right within the editor dialog. This feature liminates the need for manual copy/pasting of the HTML and validation in a separate browser window.
   
• TrackChanges dialog provides a comparison between two contents. At present the implementation would compare the intial content which was in the editor when it was originally loaded on the page, with the current content - that is, it allows the user to see what changes he or she made during the editing process and before submitting content back to the server.
  The dialog displays text that was removed from the initial content in red, and text that was added during the editing in green. Text that remained unchanged retains its original formatting.
  
  The editor exposes a method set_intitialContent() that, when called, will mark the current editor content as the "start" content to be used in the dialog. This allows for scenarios where the editor loads empty on the page, and content is entered by the user. In the example there is a button - Set editor's current content as initial that will call this method.
   
• FormatCodeBlock dialog provides the ability to edit and format code blocks of text whether they be HTML, CSS, JavaScript as well as C# and VB code. You simply click the Format Code Block button, paste the corresponding lines of text or code into the upper pane of the appearing dialog, then select the Code Language format from the dropdown provided and finally click Insert to paste the formatted content into the editor.
  
  The dialog also provides a Preview button which allows you to see how the formatted content will look (depending on the selected Code Language item in the dropdown) before insertion into the content area.
   
• The Image Editor tab of the Image Manager provides the ability to resize, flip, rotate, crop the selected image element as well as set its opacity.
   
• Updated StyleBuilder dialog - improved performance and appearance.
  
  The StyleBuilder dialog box provides options to define cascading style sheet (CSS) style attributes. A CSS style combines individual formatting and positioning attributes into an attribute set that you can apply all at one time.
  
  The StyleBuilder dialog box is divided into two panes. The left pane lists the following general categories (Font, Background, Text, Layout, Edges and Lists). When you select a category, the right pane shows the options for the selected category. As you select style options, the Style Builder dialog box creates CSS style that will be applied to the selected element in the content area of RadEditor..