Image Editor, StyleBuilder, XhtmlValidator, TrackChanges and FormatCodeBlock
dialogs
- 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.
-
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..